﻿@{ 
    ViewData["Title"] = "Material Icon列表";
    Layout = "~/Views/Shared/_ManageIndexLayout.cshtml";
}

    <style type="text/css">
  .icon-code {
    -webkit-tap-highlight-color: transparent;
    height: 120px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-width: 108px;
  }
  .icon-code:hover,
  .icon-code:focus {
    background: #f0f0f0;
  }
  .icon-code .mdui-icon {
    height: 48px;
    width: 48px;
    font-size: 48px;
    margin-top: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0, 0, 0, 0.54);
  }
  .icon-code .icon-caption {
    color: #757575;
    font-size: 12px;
    margin: 16px auto 0 auto;
    width: 85%;
    z-index: 1;
    word-break: break-all;
  }

  .js-icon-code-copy {
    cursor: pointer;
  }
    </style>

    <div class="mdui-container-fluid">
        <div class="mdui-row-xs-3 mdui-row-sm-4 mdui-row-md-6 mdui-row-lg-8">
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe84d;" data-icon-name="3d_rotation">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">3d_rotation</i>
                    <div class="icon-caption">3d_rotation</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb3b;" data-icon-name="ac_unit">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">ac_unit</i>
                    <div class="icon-caption">ac_unit</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe190;" data-icon-name="access_alarm">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">access_alarm</i>
                    <div class="icon-caption">access_alarm</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe191;" data-icon-name="access_alarms">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">access_alarms</i>
                    <div class="icon-caption">access_alarms</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe192;" data-icon-name="access_time">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">access_time</i>
                    <div class="icon-caption">access_time</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe84e;" data-icon-name="accessibility">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">accessibility</i>
                    <div class="icon-caption">accessibility</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe914;" data-icon-name="accessible">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">accessible</i>
                    <div class="icon-caption">accessible</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe84f;" data-icon-name="account_balance">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">account_balance</i>
                    <div class="icon-caption">account_balance</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe850;" data-icon-name="account_balance_wallet">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">account_balance_wallet</i>
                    <div class="icon-caption">account_balance_wallet</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe851;" data-icon-name="account_box">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">account_box</i>
                    <div class="icon-caption">account_box</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe853;" data-icon-name="account_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">account_circle</i>
                    <div class="icon-caption">account_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe60e;" data-icon-name="adb">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">adb</i>
                    <div class="icon-caption">adb</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe145;" data-icon-name="add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add</i>
                    <div class="icon-caption">add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe439;" data-icon-name="add_a_photo">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_a_photo</i>
                    <div class="icon-caption">add_a_photo</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe193;" data-icon-name="add_alarm">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_alarm</i>
                    <div class="icon-caption">add_alarm</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe003;" data-icon-name="add_alert">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_alert</i>
                    <div class="icon-caption">add_alert</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe146;" data-icon-name="add_box">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_box</i>
                    <div class="icon-caption">add_box</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe147;" data-icon-name="add_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_circle</i>
                    <div class="icon-caption">add_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe148;" data-icon-name="add_circle_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_circle_outline</i>
                    <div class="icon-caption">add_circle_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe567;" data-icon-name="add_location">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_location</i>
                    <div class="icon-caption">add_location</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe854;" data-icon-name="add_shopping_cart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_shopping_cart</i>
                    <div class="icon-caption">add_shopping_cart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe39d;" data-icon-name="add_to_photos">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_to_photos</i>
                    <div class="icon-caption">add_to_photos</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe05c;" data-icon-name="add_to_queue">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">add_to_queue</i>
                    <div class="icon-caption">add_to_queue</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe39e;" data-icon-name="adjust">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">adjust</i>
                    <div class="icon-caption">adjust</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe630;" data-icon-name="airline_seat_flat">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_flat</i>
                    <div class="icon-caption">airline_seat_flat</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe631;" data-icon-name="airline_seat_flat_angled">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_flat_angled</i>
                    <div class="icon-caption">airline_seat_flat_angled</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe632;" data-icon-name="airline_seat_individual_suite">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_individual_suite</i>
                    <div class="icon-caption">airline_seat_individual_suite</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe633;" data-icon-name="airline_seat_legroom_extra">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_legroom_extra</i>
                    <div class="icon-caption">airline_seat_legroom_extra</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe634;" data-icon-name="airline_seat_legroom_normal">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_legroom_normal</i>
                    <div class="icon-caption">airline_seat_legroom_normal</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe635;" data-icon-name="airline_seat_legroom_reduced">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_legroom_reduced</i>
                    <div class="icon-caption">airline_seat_legroom_reduced</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe636;" data-icon-name="airline_seat_recline_extra">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_recline_extra</i>
                    <div class="icon-caption">airline_seat_recline_extra</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe637;" data-icon-name="airline_seat_recline_normal">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airline_seat_recline_normal</i>
                    <div class="icon-caption">airline_seat_recline_normal</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe195;" data-icon-name="airplanemode_active">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airplanemode_active</i>
                    <div class="icon-caption">airplanemode_active</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe194;" data-icon-name="airplanemode_inactive">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airplanemode_inactive</i>
                    <div class="icon-caption">airplanemode_inactive</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe055;" data-icon-name="airplay">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airplay</i>
                    <div class="icon-caption">airplay</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb3c;" data-icon-name="airport_shuttle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">airport_shuttle</i>
                    <div class="icon-caption">airport_shuttle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe855;" data-icon-name="alarm">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">alarm</i>
                    <div class="icon-caption">alarm</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe856;" data-icon-name="alarm_add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">alarm_add</i>
                    <div class="icon-caption">alarm_add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe857;" data-icon-name="alarm_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">alarm_off</i>
                    <div class="icon-caption">alarm_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe858;" data-icon-name="alarm_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">alarm_on</i>
                    <div class="icon-caption">alarm_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe019;" data-icon-name="album">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">album</i>
                    <div class="icon-caption">album</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb3d;" data-icon-name="all_inclusive">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">all_inclusive</i>
                    <div class="icon-caption">all_inclusive</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe90b;" data-icon-name="all_out">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">all_out</i>
                    <div class="icon-caption">all_out</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe859;" data-icon-name="android">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">android</i>
                    <div class="icon-caption">android</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe85a;" data-icon-name="announcement">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">announcement</i>
                    <div class="icon-caption">announcement</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5c3;" data-icon-name="apps">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">apps</i>
                    <div class="icon-caption">apps</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe149;" data-icon-name="archive">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">archive</i>
                    <div class="icon-caption">archive</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5c4;" data-icon-name="arrow_back">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">arrow_back</i>
                    <div class="icon-caption">arrow_back</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5db;" data-icon-name="arrow_downward">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">arrow_downward</i>
                    <div class="icon-caption">arrow_downward</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5c5;" data-icon-name="arrow_drop_down">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">arrow_drop_down</i>
                    <div class="icon-caption">arrow_drop_down</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5c6;" data-icon-name="arrow_drop_down_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">arrow_drop_down_circle</i>
                    <div class="icon-caption">arrow_drop_down_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5c7;" data-icon-name="arrow_drop_up">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">arrow_drop_up</i>
                    <div class="icon-caption">arrow_drop_up</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5c8;" data-icon-name="arrow_forward">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">arrow_forward</i>
                    <div class="icon-caption">arrow_forward</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d8;" data-icon-name="arrow_upward">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">arrow_upward</i>
                    <div class="icon-caption">arrow_upward</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe060;" data-icon-name="art_track">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">art_track</i>
                    <div class="icon-caption">art_track</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe85b;" data-icon-name="aspect_ratio">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">aspect_ratio</i>
                    <div class="icon-caption">aspect_ratio</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe85c;" data-icon-name="assessment">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assessment</i>
                    <div class="icon-caption">assessment</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe85d;" data-icon-name="assignment">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assignment</i>
                    <div class="icon-caption">assignment</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe85e;" data-icon-name="assignment_ind">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assignment_ind</i>
                    <div class="icon-caption">assignment_ind</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe85f;" data-icon-name="assignment_late">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assignment_late</i>
                    <div class="icon-caption">assignment_late</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe860;" data-icon-name="assignment_return">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assignment_return</i>
                    <div class="icon-caption">assignment_return</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe861;" data-icon-name="assignment_returned">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assignment_returned</i>
                    <div class="icon-caption">assignment_returned</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe862;" data-icon-name="assignment_turned_in">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assignment_turned_in</i>
                    <div class="icon-caption">assignment_turned_in</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe39f;" data-icon-name="assistant">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assistant</i>
                    <div class="icon-caption">assistant</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a0;" data-icon-name="assistant_photo">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">assistant_photo</i>
                    <div class="icon-caption">assistant_photo</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe226;" data-icon-name="attach_file">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">attach_file</i>
                    <div class="icon-caption">attach_file</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe227;" data-icon-name="attach_money">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">attach_money</i>
                    <div class="icon-caption">attach_money</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2bc;" data-icon-name="attachment">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">attachment</i>
                    <div class="icon-caption">attachment</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a1;" data-icon-name="audiotrack">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">audiotrack</i>
                    <div class="icon-caption">audiotrack</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe863;" data-icon-name="autorenew">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">autorenew</i>
                    <div class="icon-caption">autorenew</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe01b;" data-icon-name="av_timer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">av_timer</i>
                    <div class="icon-caption">av_timer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe14a;" data-icon-name="backspace">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">backspace</i>
                    <div class="icon-caption">backspace</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe864;" data-icon-name="backup">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">backup</i>
                    <div class="icon-caption">backup</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe19c;" data-icon-name="battery_alert">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">battery_alert</i>
                    <div class="icon-caption">battery_alert</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1a3;" data-icon-name="battery_charging_full">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">battery_charging_full</i>
                    <div class="icon-caption">battery_charging_full</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1a4;" data-icon-name="battery_full">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">battery_full</i>
                    <div class="icon-caption">battery_full</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1a5;" data-icon-name="battery_std">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">battery_std</i>
                    <div class="icon-caption">battery_std</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1a6;" data-icon-name="battery_unknown">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">battery_unknown</i>
                    <div class="icon-caption">battery_unknown</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb3e;" data-icon-name="beach_access">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">beach_access</i>
                    <div class="icon-caption">beach_access</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe52d;" data-icon-name="beenhere">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">beenhere</i>
                    <div class="icon-caption">beenhere</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe14b;" data-icon-name="block">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">block</i>
                    <div class="icon-caption">block</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1a7;" data-icon-name="bluetooth">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bluetooth</i>
                    <div class="icon-caption">bluetooth</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe60f;" data-icon-name="bluetooth_audio">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bluetooth_audio</i>
                    <div class="icon-caption">bluetooth_audio</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1a8;" data-icon-name="bluetooth_connected">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bluetooth_connected</i>
                    <div class="icon-caption">bluetooth_connected</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1a9;" data-icon-name="bluetooth_disabled">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bluetooth_disabled</i>
                    <div class="icon-caption">bluetooth_disabled</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1aa;" data-icon-name="bluetooth_searching">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bluetooth_searching</i>
                    <div class="icon-caption">bluetooth_searching</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a2;" data-icon-name="blur_circular">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">blur_circular</i>
                    <div class="icon-caption">blur_circular</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a3;" data-icon-name="blur_linear">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">blur_linear</i>
                    <div class="icon-caption">blur_linear</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a4;" data-icon-name="blur_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">blur_off</i>
                    <div class="icon-caption">blur_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a5;" data-icon-name="blur_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">blur_on</i>
                    <div class="icon-caption">blur_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe865;" data-icon-name="book">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">book</i>
                    <div class="icon-caption">book</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe866;" data-icon-name="bookmark">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bookmark</i>
                    <div class="icon-caption">bookmark</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe867;" data-icon-name="bookmark_border">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bookmark_border</i>
                    <div class="icon-caption">bookmark_border</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe228;" data-icon-name="border_all">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_all</i>
                    <div class="icon-caption">border_all</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe229;" data-icon-name="border_bottom">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_bottom</i>
                    <div class="icon-caption">border_bottom</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe22a;" data-icon-name="border_clear">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_clear</i>
                    <div class="icon-caption">border_clear</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe22b;" data-icon-name="border_color">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_color</i>
                    <div class="icon-caption">border_color</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe22c;" data-icon-name="border_horizontal">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_horizontal</i>
                    <div class="icon-caption">border_horizontal</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe22d;" data-icon-name="border_inner">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_inner</i>
                    <div class="icon-caption">border_inner</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe22e;" data-icon-name="border_left">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_left</i>
                    <div class="icon-caption">border_left</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe22f;" data-icon-name="border_outer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_outer</i>
                    <div class="icon-caption">border_outer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe230;" data-icon-name="border_right">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_right</i>
                    <div class="icon-caption">border_right</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe231;" data-icon-name="border_style">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_style</i>
                    <div class="icon-caption">border_style</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe232;" data-icon-name="border_top">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_top</i>
                    <div class="icon-caption">border_top</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe233;" data-icon-name="border_vertical">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">border_vertical</i>
                    <div class="icon-caption">border_vertical</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe06b;" data-icon-name="branding_watermark">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">branding_watermark</i>
                    <div class="icon-caption">branding_watermark</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a6;" data-icon-name="brightness_1">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_1</i>
                    <div class="icon-caption">brightness_1</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a7;" data-icon-name="brightness_2">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_2</i>
                    <div class="icon-caption">brightness_2</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a8;" data-icon-name="brightness_3">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_3</i>
                    <div class="icon-caption">brightness_3</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3a9;" data-icon-name="brightness_4">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_4</i>
                    <div class="icon-caption">brightness_4</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3aa;" data-icon-name="brightness_5">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_5</i>
                    <div class="icon-caption">brightness_5</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ab;" data-icon-name="brightness_6">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_6</i>
                    <div class="icon-caption">brightness_6</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ac;" data-icon-name="brightness_7">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_7</i>
                    <div class="icon-caption">brightness_7</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1ab;" data-icon-name="brightness_auto">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_auto</i>
                    <div class="icon-caption">brightness_auto</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1ac;" data-icon-name="brightness_high">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_high</i>
                    <div class="icon-caption">brightness_high</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1ad;" data-icon-name="brightness_low">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_low</i>
                    <div class="icon-caption">brightness_low</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1ae;" data-icon-name="brightness_medium">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brightness_medium</i>
                    <div class="icon-caption">brightness_medium</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ad;" data-icon-name="broken_image">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">broken_image</i>
                    <div class="icon-caption">broken_image</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ae;" data-icon-name="brush">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">brush</i>
                    <div class="icon-caption">brush</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe6dd;" data-icon-name="bubble_chart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bubble_chart</i>
                    <div class="icon-caption">bubble_chart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe868;" data-icon-name="bug_report">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">bug_report</i>
                    <div class="icon-caption">bug_report</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe869;" data-icon-name="build">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">build</i>
                    <div class="icon-caption">build</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe43c;" data-icon-name="burst_mode">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">burst_mode</i>
                    <div class="icon-caption">burst_mode</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0af;" data-icon-name="business">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">business</i>
                    <div class="icon-caption">business</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb3f;" data-icon-name="business_center">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">business_center</i>
                    <div class="icon-caption">business_center</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe86a;" data-icon-name="cached">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cached</i>
                    <div class="icon-caption">cached</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7e9;" data-icon-name="cake">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cake</i>
                    <div class="icon-caption">cake</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b0;" data-icon-name="call">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call</i>
                    <div class="icon-caption">call</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b1;" data-icon-name="call_end">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_end</i>
                    <div class="icon-caption">call_end</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b2;" data-icon-name="call_made">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_made</i>
                    <div class="icon-caption">call_made</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b3;" data-icon-name="call_merge">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_merge</i>
                    <div class="icon-caption">call_merge</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b4;" data-icon-name="call_missed">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_missed</i>
                    <div class="icon-caption">call_missed</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0e4;" data-icon-name="call_missed_outgoing">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_missed_outgoing</i>
                    <div class="icon-caption">call_missed_outgoing</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b5;" data-icon-name="call_received">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_received</i>
                    <div class="icon-caption">call_received</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b6;" data-icon-name="call_split">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_split</i>
                    <div class="icon-caption">call_split</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe06c;" data-icon-name="call_to_action">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">call_to_action</i>
                    <div class="icon-caption">call_to_action</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3af;" data-icon-name="camera">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">camera</i>
                    <div class="icon-caption">camera</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b0;" data-icon-name="camera_alt">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">camera_alt</i>
                    <div class="icon-caption">camera_alt</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8fc;" data-icon-name="camera_enhance">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">camera_enhance</i>
                    <div class="icon-caption">camera_enhance</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b1;" data-icon-name="camera_front">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">camera_front</i>
                    <div class="icon-caption">camera_front</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b2;" data-icon-name="camera_rear">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">camera_rear</i>
                    <div class="icon-caption">camera_rear</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b3;" data-icon-name="camera_roll">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">camera_roll</i>
                    <div class="icon-caption">camera_roll</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5c9;" data-icon-name="cancel">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cancel</i>
                    <div class="icon-caption">cancel</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f6;" data-icon-name="card_giftcard">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">card_giftcard</i>
                    <div class="icon-caption">card_giftcard</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f7;" data-icon-name="card_membership">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">card_membership</i>
                    <div class="icon-caption">card_membership</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f8;" data-icon-name="card_travel">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">card_travel</i>
                    <div class="icon-caption">card_travel</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb40;" data-icon-name="casino">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">casino</i>
                    <div class="icon-caption">casino</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe307;" data-icon-name="cast">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cast</i>
                    <div class="icon-caption">cast</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe308;" data-icon-name="cast_connected">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cast_connected</i>
                    <div class="icon-caption">cast_connected</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b4;" data-icon-name="center_focus_strong">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">center_focus_strong</i>
                    <div class="icon-caption">center_focus_strong</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b5;" data-icon-name="center_focus_weak">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">center_focus_weak</i>
                    <div class="icon-caption">center_focus_weak</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe86b;" data-icon-name="change_history">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">change_history</i>
                    <div class="icon-caption">change_history</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b7;" data-icon-name="chat">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">chat</i>
                    <div class="icon-caption">chat</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0ca;" data-icon-name="chat_bubble">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">chat_bubble</i>
                    <div class="icon-caption">chat_bubble</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0cb;" data-icon-name="chat_bubble_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">chat_bubble_outline</i>
                    <div class="icon-caption">chat_bubble_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5ca;" data-icon-name="check">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">check</i>
                    <div class="icon-caption">check</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe834;" data-icon-name="check_box">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">check_box</i>
                    <div class="icon-caption">check_box</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe835;" data-icon-name="check_box_outline_blank">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">check_box_outline_blank</i>
                    <div class="icon-caption">check_box_outline_blank</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe86c;" data-icon-name="check_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">check_circle</i>
                    <div class="icon-caption">check_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5cb;" data-icon-name="chevron_left">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">chevron_left</i>
                    <div class="icon-caption">chevron_left</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5cc;" data-icon-name="chevron_right">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">chevron_right</i>
                    <div class="icon-caption">chevron_right</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb41;" data-icon-name="child_care">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">child_care</i>
                    <div class="icon-caption">child_care</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb42;" data-icon-name="child_friendly">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">child_friendly</i>
                    <div class="icon-caption">child_friendly</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe86d;" data-icon-name="chrome_reader_mode">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">chrome_reader_mode</i>
                    <div class="icon-caption">chrome_reader_mode</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe86e;" data-icon-name="class">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">class</i>
                    <div class="icon-caption">class</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe14c;" data-icon-name="clear">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">clear</i>
                    <div class="icon-caption">clear</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b8;" data-icon-name="clear_all">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">clear_all</i>
                    <div class="icon-caption">clear_all</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5cd;" data-icon-name="close">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">close</i>
                    <div class="icon-caption">close</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe01c;" data-icon-name="closed_caption">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">closed_caption</i>
                    <div class="icon-caption">closed_caption</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2bd;" data-icon-name="cloud">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cloud</i>
                    <div class="icon-caption">cloud</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2be;" data-icon-name="cloud_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cloud_circle</i>
                    <div class="icon-caption">cloud_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2bf;" data-icon-name="cloud_done">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cloud_done</i>
                    <div class="icon-caption">cloud_done</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c0;" data-icon-name="cloud_download">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cloud_download</i>
                    <div class="icon-caption">cloud_download</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c1;" data-icon-name="cloud_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cloud_off</i>
                    <div class="icon-caption">cloud_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c2;" data-icon-name="cloud_queue">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cloud_queue</i>
                    <div class="icon-caption">cloud_queue</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c3;" data-icon-name="cloud_upload">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">cloud_upload</i>
                    <div class="icon-caption">cloud_upload</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe86f;" data-icon-name="code">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">code</i>
                    <div class="icon-caption">code</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b6;" data-icon-name="collections">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">collections</i>
                    <div class="icon-caption">collections</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe431;" data-icon-name="collections_bookmark">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">collections_bookmark</i>
                    <div class="icon-caption">collections_bookmark</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b7;" data-icon-name="color_lens">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">color_lens</i>
                    <div class="icon-caption">color_lens</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b8;" data-icon-name="colorize">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">colorize</i>
                    <div class="icon-caption">colorize</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0b9;" data-icon-name="comment">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">comment</i>
                    <div class="icon-caption">comment</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3b9;" data-icon-name="compare">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">compare</i>
                    <div class="icon-caption">compare</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe915;" data-icon-name="compare_arrows">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">compare_arrows</i>
                    <div class="icon-caption">compare_arrows</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe30a;" data-icon-name="computer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">computer</i>
                    <div class="icon-caption">computer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe638;" data-icon-name="confirmation_number">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">confirmation_number</i>
                    <div class="icon-caption">confirmation_number</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d0;" data-icon-name="contact_mail">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">contact_mail</i>
                    <div class="icon-caption">contact_mail</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0cf;" data-icon-name="contact_phone">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">contact_phone</i>
                    <div class="icon-caption">contact_phone</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0ba;" data-icon-name="contacts">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">contacts</i>
                    <div class="icon-caption">contacts</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe14d;" data-icon-name="content_copy">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">content_copy</i>
                    <div class="icon-caption">content_copy</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe14e;" data-icon-name="content_cut">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">content_cut</i>
                    <div class="icon-caption">content_cut</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe14f;" data-icon-name="content_paste">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">content_paste</i>
                    <div class="icon-caption">content_paste</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ba;" data-icon-name="control_point">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">control_point</i>
                    <div class="icon-caption">control_point</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3bb;" data-icon-name="control_point_duplicate">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">control_point_duplicate</i>
                    <div class="icon-caption">control_point_duplicate</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe90c;" data-icon-name="copyright">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">copyright</i>
                    <div class="icon-caption">copyright</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe150;" data-icon-name="create">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">create</i>
                    <div class="icon-caption">create</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2cc;" data-icon-name="create_new_folder">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">create_new_folder</i>
                    <div class="icon-caption">create_new_folder</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe870;" data-icon-name="credit_card">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">credit_card</i>
                    <div class="icon-caption">credit_card</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3be;" data-icon-name="crop">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop</i>
                    <div class="icon-caption">crop</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3bc;" data-icon-name="crop_16_9">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_16_9</i>
                    <div class="icon-caption">crop_16_9</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3bd;" data-icon-name="crop_3_2">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_3_2</i>
                    <div class="icon-caption">crop_3_2</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3bf;" data-icon-name="crop_5_4">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_5_4</i>
                    <div class="icon-caption">crop_5_4</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c0;" data-icon-name="crop_7_5">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_7_5</i>
                    <div class="icon-caption">crop_7_5</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c1;" data-icon-name="crop_din">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_din</i>
                    <div class="icon-caption">crop_din</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c2;" data-icon-name="crop_free">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_free</i>
                    <div class="icon-caption">crop_free</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c3;" data-icon-name="crop_landscape">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_landscape</i>
                    <div class="icon-caption">crop_landscape</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c4;" data-icon-name="crop_original">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_original</i>
                    <div class="icon-caption">crop_original</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c5;" data-icon-name="crop_portrait">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_portrait</i>
                    <div class="icon-caption">crop_portrait</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe437;" data-icon-name="crop_rotate">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_rotate</i>
                    <div class="icon-caption">crop_rotate</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c6;" data-icon-name="crop_square">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">crop_square</i>
                    <div class="icon-caption">crop_square</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe871;" data-icon-name="dashboard">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">dashboard</i>
                    <div class="icon-caption">dashboard</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1af;" data-icon-name="data_usage">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">data_usage</i>
                    <div class="icon-caption">data_usage</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe916;" data-icon-name="date_range">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">date_range</i>
                    <div class="icon-caption">date_range</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c7;" data-icon-name="dehaze">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">dehaze</i>
                    <div class="icon-caption">dehaze</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe872;" data-icon-name="delete">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">delete</i>
                    <div class="icon-caption">delete</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe92b;" data-icon-name="delete_forever">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">delete_forever</i>
                    <div class="icon-caption">delete_forever</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe16c;" data-icon-name="delete_sweep">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">delete_sweep</i>
                    <div class="icon-caption">delete_sweep</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe873;" data-icon-name="description">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">description</i>
                    <div class="icon-caption">description</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe30b;" data-icon-name="desktop_mac">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">desktop_mac</i>
                    <div class="icon-caption">desktop_mac</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe30c;" data-icon-name="desktop_windows">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">desktop_windows</i>
                    <div class="icon-caption">desktop_windows</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c8;" data-icon-name="details">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">details</i>
                    <div class="icon-caption">details</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe30d;" data-icon-name="developer_board">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">developer_board</i>
                    <div class="icon-caption">developer_board</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b0;" data-icon-name="developer_mode">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">developer_mode</i>
                    <div class="icon-caption">developer_mode</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe335;" data-icon-name="device_hub">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">device_hub</i>
                    <div class="icon-caption">device_hub</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b1;" data-icon-name="devices">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">devices</i>
                    <div class="icon-caption">devices</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe337;" data-icon-name="devices_other">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">devices_other</i>
                    <div class="icon-caption">devices_other</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0bb;" data-icon-name="dialer_sip">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">dialer_sip</i>
                    <div class="icon-caption">dialer_sip</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0bc;" data-icon-name="dialpad">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">dialpad</i>
                    <div class="icon-caption">dialpad</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe52e;" data-icon-name="directions">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions</i>
                    <div class="icon-caption">directions</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe52f;" data-icon-name="directions_bike">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_bike</i>
                    <div class="icon-caption">directions_bike</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe532;" data-icon-name="directions_boat">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_boat</i>
                    <div class="icon-caption">directions_boat</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe530;" data-icon-name="directions_bus">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_bus</i>
                    <div class="icon-caption">directions_bus</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe531;" data-icon-name="directions_car">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_car</i>
                    <div class="icon-caption">directions_car</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe534;" data-icon-name="directions_railway">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_railway</i>
                    <div class="icon-caption">directions_railway</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe566;" data-icon-name="directions_run">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_run</i>
                    <div class="icon-caption">directions_run</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe533;" data-icon-name="directions_subway">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_subway</i>
                    <div class="icon-caption">directions_subway</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe535;" data-icon-name="directions_transit">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_transit</i>
                    <div class="icon-caption">directions_transit</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe536;" data-icon-name="directions_walk">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">directions_walk</i>
                    <div class="icon-caption">directions_walk</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe610;" data-icon-name="disc_full">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">disc_full</i>
                    <div class="icon-caption">disc_full</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe875;" data-icon-name="dns">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">dns</i>
                    <div class="icon-caption">dns</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe612;" data-icon-name="do_not_disturb">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">do_not_disturb</i>
                    <div class="icon-caption">do_not_disturb</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe611;" data-icon-name="do_not_disturb_alt">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">do_not_disturb_alt</i>
                    <div class="icon-caption">do_not_disturb_alt</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe643;" data-icon-name="do_not_disturb_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">do_not_disturb_off</i>
                    <div class="icon-caption">do_not_disturb_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe644;" data-icon-name="do_not_disturb_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">do_not_disturb_on</i>
                    <div class="icon-caption">do_not_disturb_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe30e;" data-icon-name="dock">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">dock</i>
                    <div class="icon-caption">dock</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7ee;" data-icon-name="domain">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">domain</i>
                    <div class="icon-caption">domain</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe876;" data-icon-name="done">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">done</i>
                    <div class="icon-caption">done</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe877;" data-icon-name="done_all">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">done_all</i>
                    <div class="icon-caption">done_all</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe917;" data-icon-name="donut_large">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">donut_large</i>
                    <div class="icon-caption">donut_large</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe918;" data-icon-name="donut_small">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">donut_small</i>
                    <div class="icon-caption">donut_small</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe151;" data-icon-name="drafts">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">drafts</i>
                    <div class="icon-caption">drafts</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe25d;" data-icon-name="drag_handle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">drag_handle</i>
                    <div class="icon-caption">drag_handle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe613;" data-icon-name="drive_eta">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">drive_eta</i>
                    <div class="icon-caption">drive_eta</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b2;" data-icon-name="dvr">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">dvr</i>
                    <div class="icon-caption">dvr</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3c9;" data-icon-name="edit">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">edit</i>
                    <div class="icon-caption">edit</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe568;" data-icon-name="edit_location">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">edit_location</i>
                    <div class="icon-caption">edit_location</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8fb;" data-icon-name="eject">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">eject</i>
                    <div class="icon-caption">eject</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0be;" data-icon-name="email">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">email</i>
                    <div class="icon-caption">email</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe63f;" data-icon-name="enhanced_encryption">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">enhanced_encryption</i>
                    <div class="icon-caption">enhanced_encryption</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe01d;" data-icon-name="equalizer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">equalizer</i>
                    <div class="icon-caption">equalizer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe000;" data-icon-name="error">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">error</i>
                    <div class="icon-caption">error</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe001;" data-icon-name="error_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">error_outline</i>
                    <div class="icon-caption">error_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe926;" data-icon-name="euro_symbol">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">euro_symbol</i>
                    <div class="icon-caption">euro_symbol</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe56d;" data-icon-name="ev_station">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">ev_station</i>
                    <div class="icon-caption">ev_station</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe878;" data-icon-name="event">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">event</i>
                    <div class="icon-caption">event</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe614;" data-icon-name="event_available">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">event_available</i>
                    <div class="icon-caption">event_available</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe615;" data-icon-name="event_busy">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">event_busy</i>
                    <div class="icon-caption">event_busy</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe616;" data-icon-name="event_note">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">event_note</i>
                    <div class="icon-caption">event_note</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe903;" data-icon-name="event_seat">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">event_seat</i>
                    <div class="icon-caption">event_seat</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe879;" data-icon-name="exit_to_app">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">exit_to_app</i>
                    <div class="icon-caption">exit_to_app</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5ce;" data-icon-name="expand_less">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">expand_less</i>
                    <div class="icon-caption">expand_less</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5cf;" data-icon-name="expand_more">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">expand_more</i>
                    <div class="icon-caption">expand_more</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe01e;" data-icon-name="explicit">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">explicit</i>
                    <div class="icon-caption">explicit</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe87a;" data-icon-name="explore">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">explore</i>
                    <div class="icon-caption">explore</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ca;" data-icon-name="exposure">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">exposure</i>
                    <div class="icon-caption">exposure</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3cb;" data-icon-name="exposure_neg_1">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">exposure_neg_1</i>
                    <div class="icon-caption">exposure_neg_1</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3cc;" data-icon-name="exposure_neg_2">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">exposure_neg_2</i>
                    <div class="icon-caption">exposure_neg_2</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3cd;" data-icon-name="exposure_plus_1">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">exposure_plus_1</i>
                    <div class="icon-caption">exposure_plus_1</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ce;" data-icon-name="exposure_plus_2">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">exposure_plus_2</i>
                    <div class="icon-caption">exposure_plus_2</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3cf;" data-icon-name="exposure_zero">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">exposure_zero</i>
                    <div class="icon-caption">exposure_zero</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe87b;" data-icon-name="extension">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">extension</i>
                    <div class="icon-caption">extension</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe87c;" data-icon-name="face">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">face</i>
                    <div class="icon-caption">face</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe01f;" data-icon-name="fast_forward">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fast_forward</i>
                    <div class="icon-caption">fast_forward</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe020;" data-icon-name="fast_rewind">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fast_rewind</i>
                    <div class="icon-caption">fast_rewind</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe87d;" data-icon-name="favorite">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">favorite</i>
                    <div class="icon-caption">favorite</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe87e;" data-icon-name="favorite_border">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">favorite_border</i>
                    <div class="icon-caption">favorite_border</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe06d;" data-icon-name="featured_play_list">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">featured_play_list</i>
                    <div class="icon-caption">featured_play_list</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe06e;" data-icon-name="featured_video">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">featured_video</i>
                    <div class="icon-caption">featured_video</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe87f;" data-icon-name="feedback">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">feedback</i>
                    <div class="icon-caption">feedback</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe05d;" data-icon-name="fiber_dvr">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fiber_dvr</i>
                    <div class="icon-caption">fiber_dvr</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe061;" data-icon-name="fiber_manual_record">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fiber_manual_record</i>
                    <div class="icon-caption">fiber_manual_record</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe05e;" data-icon-name="fiber_new">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fiber_new</i>
                    <div class="icon-caption">fiber_new</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe06a;" data-icon-name="fiber_pin">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fiber_pin</i>
                    <div class="icon-caption">fiber_pin</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe062;" data-icon-name="fiber_smart_record">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fiber_smart_record</i>
                    <div class="icon-caption">fiber_smart_record</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c4;" data-icon-name="file_download">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">file_download</i>
                    <div class="icon-caption">file_download</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c6;" data-icon-name="file_upload">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">file_upload</i>
                    <div class="icon-caption">file_upload</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d3;" data-icon-name="filter">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter</i>
                    <div class="icon-caption">filter</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d0;" data-icon-name="filter_1">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_1</i>
                    <div class="icon-caption">filter_1</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d1;" data-icon-name="filter_2">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_2</i>
                    <div class="icon-caption">filter_2</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d2;" data-icon-name="filter_3">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_3</i>
                    <div class="icon-caption">filter_3</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d4;" data-icon-name="filter_4">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_4</i>
                    <div class="icon-caption">filter_4</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d5;" data-icon-name="filter_5">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_5</i>
                    <div class="icon-caption">filter_5</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d6;" data-icon-name="filter_6">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_6</i>
                    <div class="icon-caption">filter_6</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d7;" data-icon-name="filter_7">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_7</i>
                    <div class="icon-caption">filter_7</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d8;" data-icon-name="filter_8">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_8</i>
                    <div class="icon-caption">filter_8</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3d9;" data-icon-name="filter_9">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_9</i>
                    <div class="icon-caption">filter_9</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3da;" data-icon-name="filter_9_plus">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_9_plus</i>
                    <div class="icon-caption">filter_9_plus</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3db;" data-icon-name="filter_b_and_w">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_b_and_w</i>
                    <div class="icon-caption">filter_b_and_w</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3dc;" data-icon-name="filter_center_focus">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_center_focus</i>
                    <div class="icon-caption">filter_center_focus</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3dd;" data-icon-name="filter_drama">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_drama</i>
                    <div class="icon-caption">filter_drama</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3de;" data-icon-name="filter_frames">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_frames</i>
                    <div class="icon-caption">filter_frames</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3df;" data-icon-name="filter_hdr">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_hdr</i>
                    <div class="icon-caption">filter_hdr</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe152;" data-icon-name="filter_list">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_list</i>
                    <div class="icon-caption">filter_list</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e0;" data-icon-name="filter_none">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_none</i>
                    <div class="icon-caption">filter_none</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e2;" data-icon-name="filter_tilt_shift">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_tilt_shift</i>
                    <div class="icon-caption">filter_tilt_shift</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e3;" data-icon-name="filter_vintage">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">filter_vintage</i>
                    <div class="icon-caption">filter_vintage</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe880;" data-icon-name="find_in_page">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">find_in_page</i>
                    <div class="icon-caption">find_in_page</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe881;" data-icon-name="find_replace">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">find_replace</i>
                    <div class="icon-caption">find_replace</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe90d;" data-icon-name="fingerprint">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fingerprint</i>
                    <div class="icon-caption">fingerprint</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5dc;" data-icon-name="first_page">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">first_page</i>
                    <div class="icon-caption">first_page</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb43;" data-icon-name="fitness_center">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fitness_center</i>
                    <div class="icon-caption">fitness_center</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe153;" data-icon-name="flag">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flag</i>
                    <div class="icon-caption">flag</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e4;" data-icon-name="flare">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flare</i>
                    <div class="icon-caption">flare</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e5;" data-icon-name="flash_auto">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flash_auto</i>
                    <div class="icon-caption">flash_auto</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e6;" data-icon-name="flash_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flash_off</i>
                    <div class="icon-caption">flash_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e7;" data-icon-name="flash_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flash_on</i>
                    <div class="icon-caption">flash_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe539;" data-icon-name="flight">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flight</i>
                    <div class="icon-caption">flight</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe904;" data-icon-name="flight_land">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flight_land</i>
                    <div class="icon-caption">flight_land</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe905;" data-icon-name="flight_takeoff">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flight_takeoff</i>
                    <div class="icon-caption">flight_takeoff</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e8;" data-icon-name="flip">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flip</i>
                    <div class="icon-caption">flip</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe882;" data-icon-name="flip_to_back">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flip_to_back</i>
                    <div class="icon-caption">flip_to_back</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe883;" data-icon-name="flip_to_front">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">flip_to_front</i>
                    <div class="icon-caption">flip_to_front</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c7;" data-icon-name="folder">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">folder</i>
                    <div class="icon-caption">folder</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c8;" data-icon-name="folder_open">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">folder_open</i>
                    <div class="icon-caption">folder_open</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe2c9;" data-icon-name="folder_shared">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">folder_shared</i>
                    <div class="icon-caption">folder_shared</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe617;" data-icon-name="folder_special">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">folder_special</i>
                    <div class="icon-caption">folder_special</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe167;" data-icon-name="font_download">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">font_download</i>
                    <div class="icon-caption">font_download</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe234;" data-icon-name="format_align_center">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_align_center</i>
                    <div class="icon-caption">format_align_center</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe235;" data-icon-name="format_align_justify">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_align_justify</i>
                    <div class="icon-caption">format_align_justify</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe236;" data-icon-name="format_align_left">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_align_left</i>
                    <div class="icon-caption">format_align_left</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe237;" data-icon-name="format_align_right">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_align_right</i>
                    <div class="icon-caption">format_align_right</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe238;" data-icon-name="format_bold">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_bold</i>
                    <div class="icon-caption">format_bold</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe239;" data-icon-name="format_clear">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_clear</i>
                    <div class="icon-caption">format_clear</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe23a;" data-icon-name="format_color_fill">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_color_fill</i>
                    <div class="icon-caption">format_color_fill</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe23b;" data-icon-name="format_color_reset">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_color_reset</i>
                    <div class="icon-caption">format_color_reset</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe23c;" data-icon-name="format_color_text">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_color_text</i>
                    <div class="icon-caption">format_color_text</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe23d;" data-icon-name="format_indent_decrease">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_indent_decrease</i>
                    <div class="icon-caption">format_indent_decrease</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe23e;" data-icon-name="format_indent_increase">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_indent_increase</i>
                    <div class="icon-caption">format_indent_increase</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe23f;" data-icon-name="format_italic">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_italic</i>
                    <div class="icon-caption">format_italic</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe240;" data-icon-name="format_line_spacing">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_line_spacing</i>
                    <div class="icon-caption">format_line_spacing</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe241;" data-icon-name="format_list_bulleted">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_list_bulleted</i>
                    <div class="icon-caption">format_list_bulleted</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe242;" data-icon-name="format_list_numbered">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_list_numbered</i>
                    <div class="icon-caption">format_list_numbered</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe243;" data-icon-name="format_paint">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_paint</i>
                    <div class="icon-caption">format_paint</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe244;" data-icon-name="format_quote">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_quote</i>
                    <div class="icon-caption">format_quote</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe25e;" data-icon-name="format_shapes">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_shapes</i>
                    <div class="icon-caption">format_shapes</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe245;" data-icon-name="format_size">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_size</i>
                    <div class="icon-caption">format_size</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe246;" data-icon-name="format_strikethrough">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_strikethrough</i>
                    <div class="icon-caption">format_strikethrough</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe247;" data-icon-name="format_textdirection_l_to_r">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_textdirection_l_to_r</i>
                    <div class="icon-caption">format_textdirection_l_to_r</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe248;" data-icon-name="format_textdirection_r_to_l">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_textdirection_r_to_l</i>
                    <div class="icon-caption">format_textdirection_r_to_l</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe249;" data-icon-name="format_underlined">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">format_underlined</i>
                    <div class="icon-caption">format_underlined</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0bf;" data-icon-name="forum">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">forum</i>
                    <div class="icon-caption">forum</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe154;" data-icon-name="forward">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">forward</i>
                    <div class="icon-caption">forward</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe056;" data-icon-name="forward_10">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">forward_10</i>
                    <div class="icon-caption">forward_10</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe057;" data-icon-name="forward_30">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">forward_30</i>
                    <div class="icon-caption">forward_30</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe058;" data-icon-name="forward_5">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">forward_5</i>
                    <div class="icon-caption">forward_5</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb44;" data-icon-name="free_breakfast">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">free_breakfast</i>
                    <div class="icon-caption">free_breakfast</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d0;" data-icon-name="fullscreen">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fullscreen</i>
                    <div class="icon-caption">fullscreen</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d1;" data-icon-name="fullscreen_exit">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">fullscreen_exit</i>
                    <div class="icon-caption">fullscreen_exit</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe24a;" data-icon-name="functions">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">functions</i>
                    <div class="icon-caption">functions</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe927;" data-icon-name="g_translate">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">g_translate</i>
                    <div class="icon-caption">g_translate</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe30f;" data-icon-name="gamepad">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gamepad</i>
                    <div class="icon-caption">gamepad</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe021;" data-icon-name="games">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">games</i>
                    <div class="icon-caption">games</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe90e;" data-icon-name="gavel">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gavel</i>
                    <div class="icon-caption">gavel</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe155;" data-icon-name="gesture">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gesture</i>
                    <div class="icon-caption">gesture</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe884;" data-icon-name="get_app">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">get_app</i>
                    <div class="icon-caption">get_app</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe908;" data-icon-name="gif">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gif</i>
                    <div class="icon-caption">gif</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb45;" data-icon-name="golf_course">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">golf_course</i>
                    <div class="icon-caption">golf_course</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b3;" data-icon-name="gps_fixed">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gps_fixed</i>
                    <div class="icon-caption">gps_fixed</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b4;" data-icon-name="gps_not_fixed">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gps_not_fixed</i>
                    <div class="icon-caption">gps_not_fixed</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b5;" data-icon-name="gps_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gps_off</i>
                    <div class="icon-caption">gps_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe885;" data-icon-name="grade">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">grade</i>
                    <div class="icon-caption">grade</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3e9;" data-icon-name="gradient">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">gradient</i>
                    <div class="icon-caption">gradient</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ea;" data-icon-name="grain">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">grain</i>
                    <div class="icon-caption">grain</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b8;" data-icon-name="graphic_eq">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">graphic_eq</i>
                    <div class="icon-caption">graphic_eq</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3eb;" data-icon-name="grid_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">grid_off</i>
                    <div class="icon-caption">grid_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ec;" data-icon-name="grid_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">grid_on</i>
                    <div class="icon-caption">grid_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7ef;" data-icon-name="group">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">group</i>
                    <div class="icon-caption">group</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f0;" data-icon-name="group_add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">group_add</i>
                    <div class="icon-caption">group_add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe886;" data-icon-name="group_work">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">group_work</i>
                    <div class="icon-caption">group_work</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe052;" data-icon-name="hd">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hd</i>
                    <div class="icon-caption">hd</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ed;" data-icon-name="hdr_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hdr_off</i>
                    <div class="icon-caption">hdr_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ee;" data-icon-name="hdr_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hdr_on</i>
                    <div class="icon-caption">hdr_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f1;" data-icon-name="hdr_strong">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hdr_strong</i>
                    <div class="icon-caption">hdr_strong</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f2;" data-icon-name="hdr_weak">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hdr_weak</i>
                    <div class="icon-caption">hdr_weak</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe310;" data-icon-name="headset">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">headset</i>
                    <div class="icon-caption">headset</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe311;" data-icon-name="headset_mic">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">headset_mic</i>
                    <div class="icon-caption">headset_mic</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f3;" data-icon-name="healing">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">healing</i>
                    <div class="icon-caption">healing</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe023;" data-icon-name="hearing">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hearing</i>
                    <div class="icon-caption">hearing</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe887;" data-icon-name="help">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">help</i>
                    <div class="icon-caption">help</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8fd;" data-icon-name="help_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">help_outline</i>
                    <div class="icon-caption">help_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe024;" data-icon-name="high_quality">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">high_quality</i>
                    <div class="icon-caption">high_quality</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe25f;" data-icon-name="highlight">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">highlight</i>
                    <div class="icon-caption">highlight</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe888;" data-icon-name="highlight_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">highlight_off</i>
                    <div class="icon-caption">highlight_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe889;" data-icon-name="history">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">history</i>
                    <div class="icon-caption">history</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe88a;" data-icon-name="home">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">home</i>
                    <div class="icon-caption">home</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb46;" data-icon-name="hot_tub">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hot_tub</i>
                    <div class="icon-caption">hot_tub</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe53a;" data-icon-name="hotel">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hotel</i>
                    <div class="icon-caption">hotel</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe88b;" data-icon-name="hourglass_empty">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hourglass_empty</i>
                    <div class="icon-caption">hourglass_empty</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe88c;" data-icon-name="hourglass_full">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">hourglass_full</i>
                    <div class="icon-caption">hourglass_full</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe902;" data-icon-name="http">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">http</i>
                    <div class="icon-caption">http</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe88d;" data-icon-name="https">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">https</i>
                    <div class="icon-caption">https</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f4;" data-icon-name="image">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">image</i>
                    <div class="icon-caption">image</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f5;" data-icon-name="image_aspect_ratio">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">image_aspect_ratio</i>
                    <div class="icon-caption">image_aspect_ratio</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0e0;" data-icon-name="import_contacts">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">import_contacts</i>
                    <div class="icon-caption">import_contacts</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0c3;" data-icon-name="import_export">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">import_export</i>
                    <div class="icon-caption">import_export</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe912;" data-icon-name="important_devices">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">important_devices</i>
                    <div class="icon-caption">important_devices</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe156;" data-icon-name="inbox">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">inbox</i>
                    <div class="icon-caption">inbox</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe909;" data-icon-name="indeterminate_check_box">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">indeterminate_check_box</i>
                    <div class="icon-caption">indeterminate_check_box</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe88e;" data-icon-name="info">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">info</i>
                    <div class="icon-caption">info</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe88f;" data-icon-name="info_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">info_outline</i>
                    <div class="icon-caption">info_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe890;" data-icon-name="input">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">input</i>
                    <div class="icon-caption">input</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe24b;" data-icon-name="insert_chart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">insert_chart</i>
                    <div class="icon-caption">insert_chart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe24c;" data-icon-name="insert_comment">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">insert_comment</i>
                    <div class="icon-caption">insert_comment</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe24d;" data-icon-name="insert_drive_file">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">insert_drive_file</i>
                    <div class="icon-caption">insert_drive_file</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe24e;" data-icon-name="insert_emoticon">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">insert_emoticon</i>
                    <div class="icon-caption">insert_emoticon</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe24f;" data-icon-name="insert_invitation">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">insert_invitation</i>
                    <div class="icon-caption">insert_invitation</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe250;" data-icon-name="insert_link">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">insert_link</i>
                    <div class="icon-caption">insert_link</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe251;" data-icon-name="insert_photo">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">insert_photo</i>
                    <div class="icon-caption">insert_photo</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe891;" data-icon-name="invert_colors">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">invert_colors</i>
                    <div class="icon-caption">invert_colors</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0c4;" data-icon-name="invert_colors_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">invert_colors_off</i>
                    <div class="icon-caption">invert_colors_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f6;" data-icon-name="iso">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">iso</i>
                    <div class="icon-caption">iso</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe312;" data-icon-name="keyboard">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard</i>
                    <div class="icon-caption">keyboard</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe313;" data-icon-name="keyboard_arrow_down">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_arrow_down</i>
                    <div class="icon-caption">keyboard_arrow_down</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe314;" data-icon-name="keyboard_arrow_left">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_arrow_left</i>
                    <div class="icon-caption">keyboard_arrow_left</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe315;" data-icon-name="keyboard_arrow_right">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_arrow_right</i>
                    <div class="icon-caption">keyboard_arrow_right</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe316;" data-icon-name="keyboard_arrow_up">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_arrow_up</i>
                    <div class="icon-caption">keyboard_arrow_up</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe317;" data-icon-name="keyboard_backspace">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_backspace</i>
                    <div class="icon-caption">keyboard_backspace</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe318;" data-icon-name="keyboard_capslock">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_capslock</i>
                    <div class="icon-caption">keyboard_capslock</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe31a;" data-icon-name="keyboard_hide">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_hide</i>
                    <div class="icon-caption">keyboard_hide</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe31b;" data-icon-name="keyboard_return">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_return</i>
                    <div class="icon-caption">keyboard_return</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe31c;" data-icon-name="keyboard_tab">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_tab</i>
                    <div class="icon-caption">keyboard_tab</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe31d;" data-icon-name="keyboard_voice">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">keyboard_voice</i>
                    <div class="icon-caption">keyboard_voice</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb47;" data-icon-name="kitchen">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">kitchen</i>
                    <div class="icon-caption">kitchen</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe892;" data-icon-name="label">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">label</i>
                    <div class="icon-caption">label</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe893;" data-icon-name="label_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">label_outline</i>
                    <div class="icon-caption">label_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f7;" data-icon-name="landscape">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">landscape</i>
                    <div class="icon-caption">landscape</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe894;" data-icon-name="language">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">language</i>
                    <div class="icon-caption">language</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe31e;" data-icon-name="laptop">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">laptop</i>
                    <div class="icon-caption">laptop</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe31f;" data-icon-name="laptop_chromebook">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">laptop_chromebook</i>
                    <div class="icon-caption">laptop_chromebook</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe320;" data-icon-name="laptop_mac">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">laptop_mac</i>
                    <div class="icon-caption">laptop_mac</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe321;" data-icon-name="laptop_windows">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">laptop_windows</i>
                    <div class="icon-caption">laptop_windows</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5dd;" data-icon-name="last_page">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">last_page</i>
                    <div class="icon-caption">last_page</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe895;" data-icon-name="launch">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">launch</i>
                    <div class="icon-caption">launch</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe53b;" data-icon-name="layers">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">layers</i>
                    <div class="icon-caption">layers</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe53c;" data-icon-name="layers_clear">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">layers_clear</i>
                    <div class="icon-caption">layers_clear</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f8;" data-icon-name="leak_add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">leak_add</i>
                    <div class="icon-caption">leak_add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3f9;" data-icon-name="leak_remove">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">leak_remove</i>
                    <div class="icon-caption">leak_remove</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3fa;" data-icon-name="lens">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">lens</i>
                    <div class="icon-caption">lens</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe02e;" data-icon-name="library_add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">library_add</i>
                    <div class="icon-caption">library_add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe02f;" data-icon-name="library_books">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">library_books</i>
                    <div class="icon-caption">library_books</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe030;" data-icon-name="library_music">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">library_music</i>
                    <div class="icon-caption">library_music</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe90f;" data-icon-name="lightbulb_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">lightbulb_outline</i>
                    <div class="icon-caption">lightbulb_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe919;" data-icon-name="line_style">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">line_style</i>
                    <div class="icon-caption">line_style</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe91a;" data-icon-name="line_weight">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">line_weight</i>
                    <div class="icon-caption">line_weight</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe260;" data-icon-name="linear_scale">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">linear_scale</i>
                    <div class="icon-caption">linear_scale</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe157;" data-icon-name="link">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">link</i>
                    <div class="icon-caption">link</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe438;" data-icon-name="linked_camera">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">linked_camera</i>
                    <div class="icon-caption">linked_camera</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe896;" data-icon-name="list">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">list</i>
                    <div class="icon-caption">list</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0c6;" data-icon-name="live_help">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">live_help</i>
                    <div class="icon-caption">live_help</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe639;" data-icon-name="live_tv">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">live_tv</i>
                    <div class="icon-caption">live_tv</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe53f;" data-icon-name="local_activity">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_activity</i>
                    <div class="icon-caption">local_activity</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe53d;" data-icon-name="local_airport">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_airport</i>
                    <div class="icon-caption">local_airport</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe53e;" data-icon-name="local_atm">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_atm</i>
                    <div class="icon-caption">local_atm</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe540;" data-icon-name="local_bar">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_bar</i>
                    <div class="icon-caption">local_bar</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe541;" data-icon-name="local_cafe">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_cafe</i>
                    <div class="icon-caption">local_cafe</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe542;" data-icon-name="local_car_wash">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_car_wash</i>
                    <div class="icon-caption">local_car_wash</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe543;" data-icon-name="local_convenience_store">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_convenience_store</i>
                    <div class="icon-caption">local_convenience_store</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe556;" data-icon-name="local_dining">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_dining</i>
                    <div class="icon-caption">local_dining</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe544;" data-icon-name="local_drink">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_drink</i>
                    <div class="icon-caption">local_drink</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe545;" data-icon-name="local_florist">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_florist</i>
                    <div class="icon-caption">local_florist</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe546;" data-icon-name="local_gas_station">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_gas_station</i>
                    <div class="icon-caption">local_gas_station</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe547;" data-icon-name="local_grocery_store">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_grocery_store</i>
                    <div class="icon-caption">local_grocery_store</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe548;" data-icon-name="local_hospital">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_hospital</i>
                    <div class="icon-caption">local_hospital</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe549;" data-icon-name="local_hotel">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_hotel</i>
                    <div class="icon-caption">local_hotel</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe54a;" data-icon-name="local_laundry_service">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_laundry_service</i>
                    <div class="icon-caption">local_laundry_service</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe54b;" data-icon-name="local_library">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_library</i>
                    <div class="icon-caption">local_library</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe54c;" data-icon-name="local_mall">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_mall</i>
                    <div class="icon-caption">local_mall</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe54d;" data-icon-name="local_movies">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_movies</i>
                    <div class="icon-caption">local_movies</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe54e;" data-icon-name="local_offer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_offer</i>
                    <div class="icon-caption">local_offer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe54f;" data-icon-name="local_parking">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_parking</i>
                    <div class="icon-caption">local_parking</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe550;" data-icon-name="local_pharmacy">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_pharmacy</i>
                    <div class="icon-caption">local_pharmacy</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe551;" data-icon-name="local_phone">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_phone</i>
                    <div class="icon-caption">local_phone</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe552;" data-icon-name="local_pizza">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_pizza</i>
                    <div class="icon-caption">local_pizza</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe553;" data-icon-name="local_play">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_play</i>
                    <div class="icon-caption">local_play</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe554;" data-icon-name="local_post_office">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_post_office</i>
                    <div class="icon-caption">local_post_office</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe555;" data-icon-name="local_printshop">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_printshop</i>
                    <div class="icon-caption">local_printshop</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe557;" data-icon-name="local_see">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_see</i>
                    <div class="icon-caption">local_see</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe558;" data-icon-name="local_shipping">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_shipping</i>
                    <div class="icon-caption">local_shipping</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe559;" data-icon-name="local_taxi">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">local_taxi</i>
                    <div class="icon-caption">local_taxi</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f1;" data-icon-name="location_city">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">location_city</i>
                    <div class="icon-caption">location_city</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b6;" data-icon-name="location_disabled">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">location_disabled</i>
                    <div class="icon-caption">location_disabled</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0c7;" data-icon-name="location_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">location_off</i>
                    <div class="icon-caption">location_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0c8;" data-icon-name="location_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">location_on</i>
                    <div class="icon-caption">location_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b7;" data-icon-name="location_searching">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">location_searching</i>
                    <div class="icon-caption">location_searching</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe897;" data-icon-name="lock">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">lock</i>
                    <div class="icon-caption">lock</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe898;" data-icon-name="lock_open">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">lock_open</i>
                    <div class="icon-caption">lock_open</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe899;" data-icon-name="lock_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">lock_outline</i>
                    <div class="icon-caption">lock_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3fc;" data-icon-name="looks">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">looks</i>
                    <div class="icon-caption">looks</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3fb;" data-icon-name="looks_3">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">looks_3</i>
                    <div class="icon-caption">looks_3</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3fd;" data-icon-name="looks_4">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">looks_4</i>
                    <div class="icon-caption">looks_4</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3fe;" data-icon-name="looks_5">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">looks_5</i>
                    <div class="icon-caption">looks_5</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe3ff;" data-icon-name="looks_6">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">looks_6</i>
                    <div class="icon-caption">looks_6</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe400;" data-icon-name="looks_one">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">looks_one</i>
                    <div class="icon-caption">looks_one</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe401;" data-icon-name="looks_two">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">looks_two</i>
                    <div class="icon-caption">looks_two</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe028;" data-icon-name="loop">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">loop</i>
                    <div class="icon-caption">loop</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe402;" data-icon-name="loupe">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">loupe</i>
                    <div class="icon-caption">loupe</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe16d;" data-icon-name="low_priority">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">low_priority</i>
                    <div class="icon-caption">low_priority</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe89a;" data-icon-name="loyalty">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">loyalty</i>
                    <div class="icon-caption">loyalty</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe158;" data-icon-name="mail">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mail</i>
                    <div class="icon-caption">mail</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0e1;" data-icon-name="mail_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mail_outline</i>
                    <div class="icon-caption">mail_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe55b;" data-icon-name="map">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">map</i>
                    <div class="icon-caption">map</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe159;" data-icon-name="markunread">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">markunread</i>
                    <div class="icon-caption">markunread</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe89b;" data-icon-name="markunread_mailbox">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">markunread_mailbox</i>
                    <div class="icon-caption">markunread_mailbox</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe322;" data-icon-name="memory">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">memory</i>
                    <div class="icon-caption">memory</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d2;" data-icon-name="menu">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">menu</i>
                    <div class="icon-caption">menu</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe252;" data-icon-name="merge_type">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">merge_type</i>
                    <div class="icon-caption">merge_type</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0c9;" data-icon-name="message">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">message</i>
                    <div class="icon-caption">message</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe029;" data-icon-name="mic">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mic</i>
                    <div class="icon-caption">mic</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe02a;" data-icon-name="mic_none">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mic_none</i>
                    <div class="icon-caption">mic_none</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe02b;" data-icon-name="mic_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mic_off</i>
                    <div class="icon-caption">mic_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe618;" data-icon-name="mms">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mms</i>
                    <div class="icon-caption">mms</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe253;" data-icon-name="mode_comment">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mode_comment</i>
                    <div class="icon-caption">mode_comment</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe254;" data-icon-name="mode_edit">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mode_edit</i>
                    <div class="icon-caption">mode_edit</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe263;" data-icon-name="monetization_on">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">monetization_on</i>
                    <div class="icon-caption">monetization_on</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe25c;" data-icon-name="money_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">money_off</i>
                    <div class="icon-caption">money_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe403;" data-icon-name="monochrome_photos">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">monochrome_photos</i>
                    <div class="icon-caption">monochrome_photos</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f2;" data-icon-name="mood">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mood</i>
                    <div class="icon-caption">mood</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f3;" data-icon-name="mood_bad">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mood_bad</i>
                    <div class="icon-caption">mood_bad</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe619;" data-icon-name="more">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">more</i>
                    <div class="icon-caption">more</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d3;" data-icon-name="more_horiz">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">more_horiz</i>
                    <div class="icon-caption">more_horiz</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d4;" data-icon-name="more_vert">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">more_vert</i>
                    <div class="icon-caption">more_vert</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe91b;" data-icon-name="motorcycle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">motorcycle</i>
                    <div class="icon-caption">motorcycle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe323;" data-icon-name="mouse">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">mouse</i>
                    <div class="icon-caption">mouse</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe168;" data-icon-name="move_to_inbox">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">move_to_inbox</i>
                    <div class="icon-caption">move_to_inbox</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe02c;" data-icon-name="movie">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">movie</i>
                    <div class="icon-caption">movie</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe404;" data-icon-name="movie_creation">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">movie_creation</i>
                    <div class="icon-caption">movie_creation</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe43a;" data-icon-name="movie_filter">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">movie_filter</i>
                    <div class="icon-caption">movie_filter</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe6df;" data-icon-name="multiline_chart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">multiline_chart</i>
                    <div class="icon-caption">multiline_chart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe405;" data-icon-name="music_note">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">music_note</i>
                    <div class="icon-caption">music_note</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe063;" data-icon-name="music_video">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">music_video</i>
                    <div class="icon-caption">music_video</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe55c;" data-icon-name="my_location">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">my_location</i>
                    <div class="icon-caption">my_location</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe406;" data-icon-name="nature">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">nature</i>
                    <div class="icon-caption">nature</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe407;" data-icon-name="nature_people">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">nature_people</i>
                    <div class="icon-caption">nature_people</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe408;" data-icon-name="navigate_before">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">navigate_before</i>
                    <div class="icon-caption">navigate_before</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe409;" data-icon-name="navigate_next">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">navigate_next</i>
                    <div class="icon-caption">navigate_next</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe55d;" data-icon-name="navigation">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">navigation</i>
                    <div class="icon-caption">navigation</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe569;" data-icon-name="near_me">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">near_me</i>
                    <div class="icon-caption">near_me</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1b9;" data-icon-name="network_cell">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">network_cell</i>
                    <div class="icon-caption">network_cell</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe640;" data-icon-name="network_check">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">network_check</i>
                    <div class="icon-caption">network_check</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe61a;" data-icon-name="network_locked">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">network_locked</i>
                    <div class="icon-caption">network_locked</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1ba;" data-icon-name="network_wifi">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">network_wifi</i>
                    <div class="icon-caption">network_wifi</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe031;" data-icon-name="new_releases">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">new_releases</i>
                    <div class="icon-caption">new_releases</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe16a;" data-icon-name="next_week">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">next_week</i>
                    <div class="icon-caption">next_week</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1bb;" data-icon-name="nfc">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">nfc</i>
                    <div class="icon-caption">nfc</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe641;" data-icon-name="no_encryption">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">no_encryption</i>
                    <div class="icon-caption">no_encryption</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0cc;" data-icon-name="no_sim">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">no_sim</i>
                    <div class="icon-caption">no_sim</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe033;" data-icon-name="not_interested">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">not_interested</i>
                    <div class="icon-caption">not_interested</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe06f;" data-icon-name="note">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">note</i>
                    <div class="icon-caption">note</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe89c;" data-icon-name="note_add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">note_add</i>
                    <div class="icon-caption">note_add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f4;" data-icon-name="notifications">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">notifications</i>
                    <div class="icon-caption">notifications</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f7;" data-icon-name="notifications_active">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">notifications_active</i>
                    <div class="icon-caption">notifications_active</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f5;" data-icon-name="notifications_none">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">notifications_none</i>
                    <div class="icon-caption">notifications_none</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f6;" data-icon-name="notifications_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">notifications_off</i>
                    <div class="icon-caption">notifications_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f8;" data-icon-name="notifications_paused">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">notifications_paused</i>
                    <div class="icon-caption">notifications_paused</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe90a;" data-icon-name="offline_pin">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">offline_pin</i>
                    <div class="icon-caption">offline_pin</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe63a;" data-icon-name="ondemand_video">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">ondemand_video</i>
                    <div class="icon-caption">ondemand_video</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe91c;" data-icon-name="opacity">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">opacity</i>
                    <div class="icon-caption">opacity</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe89d;" data-icon-name="open_in_browser">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">open_in_browser</i>
                    <div class="icon-caption">open_in_browser</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe89e;" data-icon-name="open_in_new">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">open_in_new</i>
                    <div class="icon-caption">open_in_new</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe89f;" data-icon-name="open_with">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">open_with</i>
                    <div class="icon-caption">open_with</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7f9;" data-icon-name="pages">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pages</i>
                    <div class="icon-caption">pages</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a0;" data-icon-name="pageview">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pageview</i>
                    <div class="icon-caption">pageview</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe40a;" data-icon-name="palette">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">palette</i>
                    <div class="icon-caption">palette</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe925;" data-icon-name="pan_tool">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pan_tool</i>
                    <div class="icon-caption">pan_tool</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe40b;" data-icon-name="panorama">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">panorama</i>
                    <div class="icon-caption">panorama</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe40c;" data-icon-name="panorama_fish_eye">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">panorama_fish_eye</i>
                    <div class="icon-caption">panorama_fish_eye</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe40d;" data-icon-name="panorama_horizontal">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">panorama_horizontal</i>
                    <div class="icon-caption">panorama_horizontal</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe40e;" data-icon-name="panorama_vertical">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">panorama_vertical</i>
                    <div class="icon-caption">panorama_vertical</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe40f;" data-icon-name="panorama_wide_angle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">panorama_wide_angle</i>
                    <div class="icon-caption">panorama_wide_angle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7fa;" data-icon-name="party_mode">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">party_mode</i>
                    <div class="icon-caption">party_mode</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe034;" data-icon-name="pause">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pause</i>
                    <div class="icon-caption">pause</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe035;" data-icon-name="pause_circle_filled">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pause_circle_filled</i>
                    <div class="icon-caption">pause_circle_filled</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe036;" data-icon-name="pause_circle_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pause_circle_outline</i>
                    <div class="icon-caption">pause_circle_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a1;" data-icon-name="payment">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">payment</i>
                    <div class="icon-caption">payment</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7fb;" data-icon-name="people">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">people</i>
                    <div class="icon-caption">people</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7fc;" data-icon-name="people_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">people_outline</i>
                    <div class="icon-caption">people_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a2;" data-icon-name="perm_camera_mic">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_camera_mic</i>
                    <div class="icon-caption">perm_camera_mic</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a3;" data-icon-name="perm_contact_calendar">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_contact_calendar</i>
                    <div class="icon-caption">perm_contact_calendar</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a4;" data-icon-name="perm_data_setting">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_data_setting</i>
                    <div class="icon-caption">perm_data_setting</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a5;" data-icon-name="perm_device_information">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_device_information</i>
                    <div class="icon-caption">perm_device_information</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a6;" data-icon-name="perm_identity">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_identity</i>
                    <div class="icon-caption">perm_identity</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a7;" data-icon-name="perm_media">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_media</i>
                    <div class="icon-caption">perm_media</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a8;" data-icon-name="perm_phone_msg">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_phone_msg</i>
                    <div class="icon-caption">perm_phone_msg</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8a9;" data-icon-name="perm_scan_wifi">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">perm_scan_wifi</i>
                    <div class="icon-caption">perm_scan_wifi</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7fd;" data-icon-name="person">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">person</i>
                    <div class="icon-caption">person</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7fe;" data-icon-name="person_add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">person_add</i>
                    <div class="icon-caption">person_add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe7ff;" data-icon-name="person_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">person_outline</i>
                    <div class="icon-caption">person_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe55a;" data-icon-name="person_pin">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">person_pin</i>
                    <div class="icon-caption">person_pin</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe56a;" data-icon-name="person_pin_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">person_pin_circle</i>
                    <div class="icon-caption">person_pin_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe63b;" data-icon-name="personal_video">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">personal_video</i>
                    <div class="icon-caption">personal_video</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe91d;" data-icon-name="pets">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pets</i>
                    <div class="icon-caption">pets</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0cd;" data-icon-name="phone">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone</i>
                    <div class="icon-caption">phone</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe324;" data-icon-name="phone_android">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_android</i>
                    <div class="icon-caption">phone_android</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe61b;" data-icon-name="phone_bluetooth_speaker">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_bluetooth_speaker</i>
                    <div class="icon-caption">phone_bluetooth_speaker</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe61c;" data-icon-name="phone_forwarded">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_forwarded</i>
                    <div class="icon-caption">phone_forwarded</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe61d;" data-icon-name="phone_in_talk">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_in_talk</i>
                    <div class="icon-caption">phone_in_talk</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe325;" data-icon-name="phone_iphone">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_iphone</i>
                    <div class="icon-caption">phone_iphone</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe61e;" data-icon-name="phone_locked">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_locked</i>
                    <div class="icon-caption">phone_locked</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe61f;" data-icon-name="phone_missed">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_missed</i>
                    <div class="icon-caption">phone_missed</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe620;" data-icon-name="phone_paused">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phone_paused</i>
                    <div class="icon-caption">phone_paused</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe326;" data-icon-name="phonelink">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phonelink</i>
                    <div class="icon-caption">phonelink</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0db;" data-icon-name="phonelink_erase">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phonelink_erase</i>
                    <div class="icon-caption">phonelink_erase</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0dc;" data-icon-name="phonelink_lock">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phonelink_lock</i>
                    <div class="icon-caption">phonelink_lock</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe327;" data-icon-name="phonelink_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phonelink_off</i>
                    <div class="icon-caption">phonelink_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0dd;" data-icon-name="phonelink_ring">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phonelink_ring</i>
                    <div class="icon-caption">phonelink_ring</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0de;" data-icon-name="phonelink_setup">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">phonelink_setup</i>
                    <div class="icon-caption">phonelink_setup</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe410;" data-icon-name="photo">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo</i>
                    <div class="icon-caption">photo</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe411;" data-icon-name="photo_album">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo_album</i>
                    <div class="icon-caption">photo_album</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe412;" data-icon-name="photo_camera">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo_camera</i>
                    <div class="icon-caption">photo_camera</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe43b;" data-icon-name="photo_filter">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo_filter</i>
                    <div class="icon-caption">photo_filter</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe413;" data-icon-name="photo_library">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo_library</i>
                    <div class="icon-caption">photo_library</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe432;" data-icon-name="photo_size_select_actual">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo_size_select_actual</i>
                    <div class="icon-caption">photo_size_select_actual</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe433;" data-icon-name="photo_size_select_large">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo_size_select_large</i>
                    <div class="icon-caption">photo_size_select_large</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe434;" data-icon-name="photo_size_select_small">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">photo_size_select_small</i>
                    <div class="icon-caption">photo_size_select_small</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe415;" data-icon-name="picture_as_pdf">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">picture_as_pdf</i>
                    <div class="icon-caption">picture_as_pdf</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8aa;" data-icon-name="picture_in_picture">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">picture_in_picture</i>
                    <div class="icon-caption">picture_in_picture</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe911;" data-icon-name="picture_in_picture_alt">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">picture_in_picture_alt</i>
                    <div class="icon-caption">picture_in_picture_alt</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe6c4;" data-icon-name="pie_chart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pie_chart</i>
                    <div class="icon-caption">pie_chart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe6c5;" data-icon-name="pie_chart_outlined">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pie_chart_outlined</i>
                    <div class="icon-caption">pie_chart_outlined</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe55e;" data-icon-name="pin_drop">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pin_drop</i>
                    <div class="icon-caption">pin_drop</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe55f;" data-icon-name="place">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">place</i>
                    <div class="icon-caption">place</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe037;" data-icon-name="play_arrow">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">play_arrow</i>
                    <div class="icon-caption">play_arrow</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe038;" data-icon-name="play_circle_filled">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">play_circle_filled</i>
                    <div class="icon-caption">play_circle_filled</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe039;" data-icon-name="play_circle_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">play_circle_outline</i>
                    <div class="icon-caption">play_circle_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe906;" data-icon-name="play_for_work">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">play_for_work</i>
                    <div class="icon-caption">play_for_work</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe03b;" data-icon-name="playlist_add">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">playlist_add</i>
                    <div class="icon-caption">playlist_add</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe065;" data-icon-name="playlist_add_check">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">playlist_add_check</i>
                    <div class="icon-caption">playlist_add_check</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe05f;" data-icon-name="playlist_play">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">playlist_play</i>
                    <div class="icon-caption">playlist_play</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe800;" data-icon-name="plus_one">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">plus_one</i>
                    <div class="icon-caption">plus_one</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe801;" data-icon-name="poll">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">poll</i>
                    <div class="icon-caption">poll</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ab;" data-icon-name="polymer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">polymer</i>
                    <div class="icon-caption">polymer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb48;" data-icon-name="pool">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pool</i>
                    <div class="icon-caption">pool</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0ce;" data-icon-name="portable_wifi_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">portable_wifi_off</i>
                    <div class="icon-caption">portable_wifi_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe416;" data-icon-name="portrait">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">portrait</i>
                    <div class="icon-caption">portrait</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe63c;" data-icon-name="power">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">power</i>
                    <div class="icon-caption">power</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe336;" data-icon-name="power_input">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">power_input</i>
                    <div class="icon-caption">power_input</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ac;" data-icon-name="power_settings_new">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">power_settings_new</i>
                    <div class="icon-caption">power_settings_new</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe91e;" data-icon-name="pregnant_woman">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">pregnant_woman</i>
                    <div class="icon-caption">pregnant_woman</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0df;" data-icon-name="present_to_all">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">present_to_all</i>
                    <div class="icon-caption">present_to_all</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ad;" data-icon-name="print">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">print</i>
                    <div class="icon-caption">print</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe645;" data-icon-name="priority_high">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">priority_high</i>
                    <div class="icon-caption">priority_high</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe80b;" data-icon-name="public">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">public</i>
                    <div class="icon-caption">public</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe255;" data-icon-name="publish">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">publish</i>
                    <div class="icon-caption">publish</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ae;" data-icon-name="query_builder">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">query_builder</i>
                    <div class="icon-caption">query_builder</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8af;" data-icon-name="question_answer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">question_answer</i>
                    <div class="icon-caption">question_answer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe03c;" data-icon-name="queue">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">queue</i>
                    <div class="icon-caption">queue</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe03d;" data-icon-name="queue_music">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">queue_music</i>
                    <div class="icon-caption">queue_music</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe066;" data-icon-name="queue_play_next">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">queue_play_next</i>
                    <div class="icon-caption">queue_play_next</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe03e;" data-icon-name="radio">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">radio</i>
                    <div class="icon-caption">radio</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe837;" data-icon-name="radio_button_checked">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">radio_button_checked</i>
                    <div class="icon-caption">radio_button_checked</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe836;" data-icon-name="radio_button_unchecked">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">radio_button_unchecked</i>
                    <div class="icon-caption">radio_button_unchecked</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe560;" data-icon-name="rate_review">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rate_review</i>
                    <div class="icon-caption">rate_review</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b0;" data-icon-name="receipt">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">receipt</i>
                    <div class="icon-caption">receipt</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe03f;" data-icon-name="recent_actors">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">recent_actors</i>
                    <div class="icon-caption">recent_actors</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe91f;" data-icon-name="record_voice_over">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">record_voice_over</i>
                    <div class="icon-caption">record_voice_over</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b1;" data-icon-name="redeem">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">redeem</i>
                    <div class="icon-caption">redeem</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe15a;" data-icon-name="redo">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">redo</i>
                    <div class="icon-caption">redo</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d5;" data-icon-name="refresh">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">refresh</i>
                    <div class="icon-caption">refresh</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe15b;" data-icon-name="remove">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">remove</i>
                    <div class="icon-caption">remove</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe15c;" data-icon-name="remove_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">remove_circle</i>
                    <div class="icon-caption">remove_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe15d;" data-icon-name="remove_circle_outline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">remove_circle_outline</i>
                    <div class="icon-caption">remove_circle_outline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe067;" data-icon-name="remove_from_queue">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">remove_from_queue</i>
                    <div class="icon-caption">remove_from_queue</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe417;" data-icon-name="remove_red_eye">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">remove_red_eye</i>
                    <div class="icon-caption">remove_red_eye</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe928;" data-icon-name="remove_shopping_cart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">remove_shopping_cart</i>
                    <div class="icon-caption">remove_shopping_cart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8fe;" data-icon-name="reorder">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">reorder</i>
                    <div class="icon-caption">reorder</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe040;" data-icon-name="repeat">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">repeat</i>
                    <div class="icon-caption">repeat</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe041;" data-icon-name="repeat_one">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">repeat_one</i>
                    <div class="icon-caption">repeat_one</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe042;" data-icon-name="replay">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">replay</i>
                    <div class="icon-caption">replay</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe059;" data-icon-name="replay_10">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">replay_10</i>
                    <div class="icon-caption">replay_10</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe05a;" data-icon-name="replay_30">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">replay_30</i>
                    <div class="icon-caption">replay_30</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe05b;" data-icon-name="replay_5">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">replay_5</i>
                    <div class="icon-caption">replay_5</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe15e;" data-icon-name="reply">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">reply</i>
                    <div class="icon-caption">reply</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe15f;" data-icon-name="reply_all">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">reply_all</i>
                    <div class="icon-caption">reply_all</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe160;" data-icon-name="report">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">report</i>
                    <div class="icon-caption">report</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b2;" data-icon-name="report_problem">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">report_problem</i>
                    <div class="icon-caption">report_problem</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe56c;" data-icon-name="restaurant">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">restaurant</i>
                    <div class="icon-caption">restaurant</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe561;" data-icon-name="restaurant_menu">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">restaurant_menu</i>
                    <div class="icon-caption">restaurant_menu</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b3;" data-icon-name="restore">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">restore</i>
                    <div class="icon-caption">restore</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe929;" data-icon-name="restore_page">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">restore_page</i>
                    <div class="icon-caption">restore_page</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d1;" data-icon-name="ring_volume">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">ring_volume</i>
                    <div class="icon-caption">ring_volume</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b4;" data-icon-name="room">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">room</i>
                    <div class="icon-caption">room</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb49;" data-icon-name="room_service">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">room_service</i>
                    <div class="icon-caption">room_service</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe418;" data-icon-name="rotate_90_degrees_ccw">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rotate_90_degrees_ccw</i>
                    <div class="icon-caption">rotate_90_degrees_ccw</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe419;" data-icon-name="rotate_left">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rotate_left</i>
                    <div class="icon-caption">rotate_left</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe41a;" data-icon-name="rotate_right">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rotate_right</i>
                    <div class="icon-caption">rotate_right</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe920;" data-icon-name="rounded_corner">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rounded_corner</i>
                    <div class="icon-caption">rounded_corner</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe328;" data-icon-name="router">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">router</i>
                    <div class="icon-caption">router</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe921;" data-icon-name="rowing">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rowing</i>
                    <div class="icon-caption">rowing</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0e5;" data-icon-name="rss_feed">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rss_feed</i>
                    <div class="icon-caption">rss_feed</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe642;" data-icon-name="rv_hookup">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">rv_hookup</i>
                    <div class="icon-caption">rv_hookup</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe562;" data-icon-name="satellite">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">satellite</i>
                    <div class="icon-caption">satellite</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe161;" data-icon-name="save">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">save</i>
                    <div class="icon-caption">save</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe329;" data-icon-name="scanner">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">scanner</i>
                    <div class="icon-caption">scanner</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b5;" data-icon-name="schedule">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">schedule</i>
                    <div class="icon-caption">schedule</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe80c;" data-icon-name="school">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">school</i>
                    <div class="icon-caption">school</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1be;" data-icon-name="screen_lock_landscape">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">screen_lock_landscape</i>
                    <div class="icon-caption">screen_lock_landscape</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1bf;" data-icon-name="screen_lock_portrait">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">screen_lock_portrait</i>
                    <div class="icon-caption">screen_lock_portrait</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1c0;" data-icon-name="screen_lock_rotation">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">screen_lock_rotation</i>
                    <div class="icon-caption">screen_lock_rotation</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1c1;" data-icon-name="screen_rotation">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">screen_rotation</i>
                    <div class="icon-caption">screen_rotation</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0e2;" data-icon-name="screen_share">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">screen_share</i>
                    <div class="icon-caption">screen_share</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe623;" data-icon-name="sd_card">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sd_card</i>
                    <div class="icon-caption">sd_card</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1c2;" data-icon-name="sd_storage">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sd_storage</i>
                    <div class="icon-caption">sd_storage</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b6;" data-icon-name="search">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">search</i>
                    <div class="icon-caption">search</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe32a;" data-icon-name="security">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">security</i>
                    <div class="icon-caption">security</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe162;" data-icon-name="select_all">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">select_all</i>
                    <div class="icon-caption">select_all</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe163;" data-icon-name="send">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">send</i>
                    <div class="icon-caption">send</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe811;" data-icon-name="sentiment_dissatisfied">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sentiment_dissatisfied</i>
                    <div class="icon-caption">sentiment_dissatisfied</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe812;" data-icon-name="sentiment_neutral">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sentiment_neutral</i>
                    <div class="icon-caption">sentiment_neutral</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe813;" data-icon-name="sentiment_satisfied">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sentiment_satisfied</i>
                    <div class="icon-caption">sentiment_satisfied</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe814;" data-icon-name="sentiment_very_dissatisfied">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sentiment_very_dissatisfied</i>
                    <div class="icon-caption">sentiment_very_dissatisfied</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe815;" data-icon-name="sentiment_very_satisfied">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sentiment_very_satisfied</i>
                    <div class="icon-caption">sentiment_very_satisfied</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b8;" data-icon-name="settings">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings</i>
                    <div class="icon-caption">settings</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8b9;" data-icon-name="settings_applications">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_applications</i>
                    <div class="icon-caption">settings_applications</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ba;" data-icon-name="settings_backup_restore">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_backup_restore</i>
                    <div class="icon-caption">settings_backup_restore</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8bb;" data-icon-name="settings_bluetooth">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_bluetooth</i>
                    <div class="icon-caption">settings_bluetooth</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8bd;" data-icon-name="settings_brightness">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_brightness</i>
                    <div class="icon-caption">settings_brightness</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8bc;" data-icon-name="settings_cell">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_cell</i>
                    <div class="icon-caption">settings_cell</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8be;" data-icon-name="settings_ethernet">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_ethernet</i>
                    <div class="icon-caption">settings_ethernet</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8bf;" data-icon-name="settings_input_antenna">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_input_antenna</i>
                    <div class="icon-caption">settings_input_antenna</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c0;" data-icon-name="settings_input_component">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_input_component</i>
                    <div class="icon-caption">settings_input_component</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c1;" data-icon-name="settings_input_composite">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_input_composite</i>
                    <div class="icon-caption">settings_input_composite</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c2;" data-icon-name="settings_input_hdmi">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_input_hdmi</i>
                    <div class="icon-caption">settings_input_hdmi</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c3;" data-icon-name="settings_input_svideo">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_input_svideo</i>
                    <div class="icon-caption">settings_input_svideo</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c4;" data-icon-name="settings_overscan">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_overscan</i>
                    <div class="icon-caption">settings_overscan</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c5;" data-icon-name="settings_phone">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_phone</i>
                    <div class="icon-caption">settings_phone</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c6;" data-icon-name="settings_power">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_power</i>
                    <div class="icon-caption">settings_power</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c7;" data-icon-name="settings_remote">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_remote</i>
                    <div class="icon-caption">settings_remote</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1c3;" data-icon-name="settings_system_daydream">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_system_daydream</i>
                    <div class="icon-caption">settings_system_daydream</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c8;" data-icon-name="settings_voice">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">settings_voice</i>
                    <div class="icon-caption">settings_voice</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe80d;" data-icon-name="share">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">share</i>
                    <div class="icon-caption">share</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8c9;" data-icon-name="shop">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">shop</i>
                    <div class="icon-caption">shop</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ca;" data-icon-name="shop_two">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">shop_two</i>
                    <div class="icon-caption">shop_two</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8cb;" data-icon-name="shopping_basket">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">shopping_basket</i>
                    <div class="icon-caption">shopping_basket</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8cc;" data-icon-name="shopping_cart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">shopping_cart</i>
                    <div class="icon-caption">shopping_cart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe261;" data-icon-name="short_text">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">short_text</i>
                    <div class="icon-caption">short_text</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe6e1;" data-icon-name="show_chart">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">show_chart</i>
                    <div class="icon-caption">show_chart</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe043;" data-icon-name="shuffle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">shuffle</i>
                    <div class="icon-caption">shuffle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1c8;" data-icon-name="signal_cellular_4_bar">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_cellular_4_bar</i>
                    <div class="icon-caption">signal_cellular_4_bar</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1cd;" data-icon-name="signal_cellular_connected_no_internet_4_bar">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_cellular_connected_no_internet_4_bar</i>
                    <div class="icon-caption">signal_cellular_connected_no_internet_4_bar</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1ce;" data-icon-name="signal_cellular_no_sim">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_cellular_no_sim</i>
                    <div class="icon-caption">signal_cellular_no_sim</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1cf;" data-icon-name="signal_cellular_null">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_cellular_null</i>
                    <div class="icon-caption">signal_cellular_null</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1d0;" data-icon-name="signal_cellular_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_cellular_off</i>
                    <div class="icon-caption">signal_cellular_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1d8;" data-icon-name="signal_wifi_4_bar">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_wifi_4_bar</i>
                    <div class="icon-caption">signal_wifi_4_bar</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1d9;" data-icon-name="signal_wifi_4_bar_lock">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_wifi_4_bar_lock</i>
                    <div class="icon-caption">signal_wifi_4_bar_lock</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1da;" data-icon-name="signal_wifi_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">signal_wifi_off</i>
                    <div class="icon-caption">signal_wifi_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe32b;" data-icon-name="sim_card">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sim_card</i>
                    <div class="icon-caption">sim_card</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe624;" data-icon-name="sim_card_alert">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sim_card_alert</i>
                    <div class="icon-caption">sim_card_alert</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe044;" data-icon-name="skip_next">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">skip_next</i>
                    <div class="icon-caption">skip_next</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe045;" data-icon-name="skip_previous">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">skip_previous</i>
                    <div class="icon-caption">skip_previous</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe41b;" data-icon-name="slideshow">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">slideshow</i>
                    <div class="icon-caption">slideshow</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe068;" data-icon-name="slow_motion_video">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">slow_motion_video</i>
                    <div class="icon-caption">slow_motion_video</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe32c;" data-icon-name="smartphone">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">smartphone</i>
                    <div class="icon-caption">smartphone</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb4a;" data-icon-name="smoke_free">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">smoke_free</i>
                    <div class="icon-caption">smoke_free</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb4b;" data-icon-name="smoking_rooms">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">smoking_rooms</i>
                    <div class="icon-caption">smoking_rooms</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe625;" data-icon-name="sms">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sms</i>
                    <div class="icon-caption">sms</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe626;" data-icon-name="sms_failed">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sms_failed</i>
                    <div class="icon-caption">sms_failed</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe046;" data-icon-name="snooze">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">snooze</i>
                    <div class="icon-caption">snooze</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe164;" data-icon-name="sort">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sort</i>
                    <div class="icon-caption">sort</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe053;" data-icon-name="sort_by_alpha">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sort_by_alpha</i>
                    <div class="icon-caption">sort_by_alpha</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xeb4c;" data-icon-name="spa">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">spa</i>
                    <div class="icon-caption">spa</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe256;" data-icon-name="space_bar">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">space_bar</i>
                    <div class="icon-caption">space_bar</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe32d;" data-icon-name="speaker">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">speaker</i>
                    <div class="icon-caption">speaker</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe32e;" data-icon-name="speaker_group">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">speaker_group</i>
                    <div class="icon-caption">speaker_group</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8cd;" data-icon-name="speaker_notes">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">speaker_notes</i>
                    <div class="icon-caption">speaker_notes</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe92a;" data-icon-name="speaker_notes_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">speaker_notes_off</i>
                    <div class="icon-caption">speaker_notes_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d2;" data-icon-name="speaker_phone">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">speaker_phone</i>
                    <div class="icon-caption">speaker_phone</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ce;" data-icon-name="spellcheck">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">spellcheck</i>
                    <div class="icon-caption">spellcheck</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe838;" data-icon-name="star">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">star</i>
                    <div class="icon-caption">star</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe83a;" data-icon-name="star_border">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">star_border</i>
                    <div class="icon-caption">star_border</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe839;" data-icon-name="star_half">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">star_half</i>
                    <div class="icon-caption">star_half</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d0;" data-icon-name="stars">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">stars</i>
                    <div class="icon-caption">stars</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d3;" data-icon-name="stay_current_landscape">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">stay_current_landscape</i>
                    <div class="icon-caption">stay_current_landscape</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d4;" data-icon-name="stay_current_portrait">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">stay_current_portrait</i>
                    <div class="icon-caption">stay_current_portrait</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d5;" data-icon-name="stay_primary_landscape">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">stay_primary_landscape</i>
                    <div class="icon-caption">stay_primary_landscape</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d6;" data-icon-name="stay_primary_portrait">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">stay_primary_portrait</i>
                    <div class="icon-caption">stay_primary_portrait</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe047;" data-icon-name="stop">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">stop</i>
                    <div class="icon-caption">stop</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0e3;" data-icon-name="stop_screen_share">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">stop_screen_share</i>
                    <div class="icon-caption">stop_screen_share</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1db;" data-icon-name="storage">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">storage</i>
                    <div class="icon-caption">storage</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d1;" data-icon-name="store">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">store</i>
                    <div class="icon-caption">store</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe563;" data-icon-name="store_mall_directory">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">store_mall_directory</i>
                    <div class="icon-caption">store_mall_directory</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe41c;" data-icon-name="straighten">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">straighten</i>
                    <div class="icon-caption">straighten</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe56e;" data-icon-name="streetview">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">streetview</i>
                    <div class="icon-caption">streetview</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe257;" data-icon-name="strikethrough_s">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">strikethrough_s</i>
                    <div class="icon-caption">strikethrough_s</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe41d;" data-icon-name="style">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">style</i>
                    <div class="icon-caption">style</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d9;" data-icon-name="subdirectory_arrow_left">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">subdirectory_arrow_left</i>
                    <div class="icon-caption">subdirectory_arrow_left</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5da;" data-icon-name="subdirectory_arrow_right">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">subdirectory_arrow_right</i>
                    <div class="icon-caption">subdirectory_arrow_right</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d2;" data-icon-name="subject">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">subject</i>
                    <div class="icon-caption">subject</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe064;" data-icon-name="subscriptions">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">subscriptions</i>
                    <div class="icon-caption">subscriptions</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe048;" data-icon-name="subtitles">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">subtitles</i>
                    <div class="icon-caption">subtitles</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe56f;" data-icon-name="subway">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">subway</i>
                    <div class="icon-caption">subway</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d3;" data-icon-name="supervisor_account">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">supervisor_account</i>
                    <div class="icon-caption">supervisor_account</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe049;" data-icon-name="surround_sound">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">surround_sound</i>
                    <div class="icon-caption">surround_sound</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d7;" data-icon-name="swap_calls">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">swap_calls</i>
                    <div class="icon-caption">swap_calls</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d4;" data-icon-name="swap_horiz">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">swap_horiz</i>
                    <div class="icon-caption">swap_horiz</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d5;" data-icon-name="swap_vert">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">swap_vert</i>
                    <div class="icon-caption">swap_vert</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d6;" data-icon-name="swap_vertical_circle">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">swap_vertical_circle</i>
                    <div class="icon-caption">swap_vertical_circle</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe41e;" data-icon-name="switch_camera">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">switch_camera</i>
                    <div class="icon-caption">switch_camera</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe41f;" data-icon-name="switch_video">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">switch_video</i>
                    <div class="icon-caption">switch_video</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe627;" data-icon-name="sync">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sync</i>
                    <div class="icon-caption">sync</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe628;" data-icon-name="sync_disabled">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sync_disabled</i>
                    <div class="icon-caption">sync_disabled</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe629;" data-icon-name="sync_problem">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">sync_problem</i>
                    <div class="icon-caption">sync_problem</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe62a;" data-icon-name="system_update">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">system_update</i>
                    <div class="icon-caption">system_update</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d7;" data-icon-name="system_update_alt">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">system_update_alt</i>
                    <div class="icon-caption">system_update_alt</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d8;" data-icon-name="tab">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tab</i>
                    <div class="icon-caption">tab</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8d9;" data-icon-name="tab_unselected">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tab_unselected</i>
                    <div class="icon-caption">tab_unselected</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe32f;" data-icon-name="tablet">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tablet</i>
                    <div class="icon-caption">tablet</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe330;" data-icon-name="tablet_android">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tablet_android</i>
                    <div class="icon-caption">tablet_android</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe331;" data-icon-name="tablet_mac">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tablet_mac</i>
                    <div class="icon-caption">tablet_mac</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe420;" data-icon-name="tag_faces">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tag_faces</i>
                    <div class="icon-caption">tag_faces</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe62b;" data-icon-name="tap_and_play">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tap_and_play</i>
                    <div class="icon-caption">tap_and_play</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe564;" data-icon-name="terrain">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">terrain</i>
                    <div class="icon-caption">terrain</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe262;" data-icon-name="text_fields">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">text_fields</i>
                    <div class="icon-caption">text_fields</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe165;" data-icon-name="text_format">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">text_format</i>
                    <div class="icon-caption">text_format</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d8;" data-icon-name="textsms">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">textsms</i>
                    <div class="icon-caption">textsms</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe421;" data-icon-name="texture">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">texture</i>
                    <div class="icon-caption">texture</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8da;" data-icon-name="theaters">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">theaters</i>
                    <div class="icon-caption">theaters</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8db;" data-icon-name="thumb_down">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">thumb_down</i>
                    <div class="icon-caption">thumb_down</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8dc;" data-icon-name="thumb_up">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">thumb_up</i>
                    <div class="icon-caption">thumb_up</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8dd;" data-icon-name="thumbs_up_down">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">thumbs_up_down</i>
                    <div class="icon-caption">thumbs_up_down</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe62c;" data-icon-name="time_to_leave">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">time_to_leave</i>
                    <div class="icon-caption">time_to_leave</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe422;" data-icon-name="timelapse">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">timelapse</i>
                    <div class="icon-caption">timelapse</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe922;" data-icon-name="timeline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">timeline</i>
                    <div class="icon-caption">timeline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe425;" data-icon-name="timer">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">timer</i>
                    <div class="icon-caption">timer</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe423;" data-icon-name="timer_10">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">timer_10</i>
                    <div class="icon-caption">timer_10</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe424;" data-icon-name="timer_3">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">timer_3</i>
                    <div class="icon-caption">timer_3</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe426;" data-icon-name="timer_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">timer_off</i>
                    <div class="icon-caption">timer_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe264;" data-icon-name="title">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">title</i>
                    <div class="icon-caption">title</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8de;" data-icon-name="toc">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">toc</i>
                    <div class="icon-caption">toc</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8df;" data-icon-name="today">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">today</i>
                    <div class="icon-caption">today</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e0;" data-icon-name="toll">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">toll</i>
                    <div class="icon-caption">toll</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe427;" data-icon-name="tonality">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tonality</i>
                    <div class="icon-caption">tonality</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe913;" data-icon-name="touch_app">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">touch_app</i>
                    <div class="icon-caption">touch_app</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe332;" data-icon-name="toys">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">toys</i>
                    <div class="icon-caption">toys</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e1;" data-icon-name="track_changes">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">track_changes</i>
                    <div class="icon-caption">track_changes</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe565;" data-icon-name="traffic">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">traffic</i>
                    <div class="icon-caption">traffic</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe570;" data-icon-name="train">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">train</i>
                    <div class="icon-caption">train</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe571;" data-icon-name="tram">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tram</i>
                    <div class="icon-caption">tram</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe572;" data-icon-name="transfer_within_a_station">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">transfer_within_a_station</i>
                    <div class="icon-caption">transfer_within_a_station</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe428;" data-icon-name="transform">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">transform</i>
                    <div class="icon-caption">transform</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e2;" data-icon-name="translate">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">translate</i>
                    <div class="icon-caption">translate</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e3;" data-icon-name="trending_down">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">trending_down</i>
                    <div class="icon-caption">trending_down</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e4;" data-icon-name="trending_flat">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">trending_flat</i>
                    <div class="icon-caption">trending_flat</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e5;" data-icon-name="trending_up">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">trending_up</i>
                    <div class="icon-caption">trending_up</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe429;" data-icon-name="tune">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tune</i>
                    <div class="icon-caption">tune</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e6;" data-icon-name="turned_in">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">turned_in</i>
                    <div class="icon-caption">turned_in</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e7;" data-icon-name="turned_in_not">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">turned_in_not</i>
                    <div class="icon-caption">turned_in_not</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe333;" data-icon-name="tv">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">tv</i>
                    <div class="icon-caption">tv</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe169;" data-icon-name="unarchive">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">unarchive</i>
                    <div class="icon-caption">unarchive</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe166;" data-icon-name="undo">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">undo</i>
                    <div class="icon-caption">undo</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d6;" data-icon-name="unfold_less">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">unfold_less</i>
                    <div class="icon-caption">unfold_less</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe5d7;" data-icon-name="unfold_more">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">unfold_more</i>
                    <div class="icon-caption">unfold_more</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe923;" data-icon-name="update">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">update</i>
                    <div class="icon-caption">update</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1e0;" data-icon-name="usb">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">usb</i>
                    <div class="icon-caption">usb</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e8;" data-icon-name="verified_user">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">verified_user</i>
                    <div class="icon-caption">verified_user</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe258;" data-icon-name="vertical_align_bottom">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">vertical_align_bottom</i>
                    <div class="icon-caption">vertical_align_bottom</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe259;" data-icon-name="vertical_align_center">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">vertical_align_center</i>
                    <div class="icon-caption">vertical_align_center</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe25a;" data-icon-name="vertical_align_top">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">vertical_align_top</i>
                    <div class="icon-caption">vertical_align_top</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe62d;" data-icon-name="vibration">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">vibration</i>
                    <div class="icon-caption">vibration</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe070;" data-icon-name="video_call">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">video_call</i>
                    <div class="icon-caption">video_call</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe071;" data-icon-name="video_label">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">video_label</i>
                    <div class="icon-caption">video_label</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe04a;" data-icon-name="video_library">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">video_library</i>
                    <div class="icon-caption">video_library</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe04b;" data-icon-name="videocam">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">videocam</i>
                    <div class="icon-caption">videocam</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe04c;" data-icon-name="videocam_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">videocam_off</i>
                    <div class="icon-caption">videocam_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe338;" data-icon-name="videogame_asset">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">videogame_asset</i>
                    <div class="icon-caption">videogame_asset</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8e9;" data-icon-name="view_agenda">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_agenda</i>
                    <div class="icon-caption">view_agenda</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ea;" data-icon-name="view_array">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_array</i>
                    <div class="icon-caption">view_array</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8eb;" data-icon-name="view_carousel">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_carousel</i>
                    <div class="icon-caption">view_carousel</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ec;" data-icon-name="view_column">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_column</i>
                    <div class="icon-caption">view_column</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe42a;" data-icon-name="view_comfy">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_comfy</i>
                    <div class="icon-caption">view_comfy</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe42b;" data-icon-name="view_compact">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_compact</i>
                    <div class="icon-caption">view_compact</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ed;" data-icon-name="view_day">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_day</i>
                    <div class="icon-caption">view_day</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ee;" data-icon-name="view_headline">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_headline</i>
                    <div class="icon-caption">view_headline</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ef;" data-icon-name="view_list">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_list</i>
                    <div class="icon-caption">view_list</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f0;" data-icon-name="view_module">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_module</i>
                    <div class="icon-caption">view_module</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f1;" data-icon-name="view_quilt">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_quilt</i>
                    <div class="icon-caption">view_quilt</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f2;" data-icon-name="view_stream">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_stream</i>
                    <div class="icon-caption">view_stream</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f3;" data-icon-name="view_week">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">view_week</i>
                    <div class="icon-caption">view_week</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe435;" data-icon-name="vignette">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">vignette</i>
                    <div class="icon-caption">vignette</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f4;" data-icon-name="visibility">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">visibility</i>
                    <div class="icon-caption">visibility</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f5;" data-icon-name="visibility_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">visibility_off</i>
                    <div class="icon-caption">visibility_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe62e;" data-icon-name="voice_chat">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">voice_chat</i>
                    <div class="icon-caption">voice_chat</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0d9;" data-icon-name="voicemail">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">voicemail</i>
                    <div class="icon-caption">voicemail</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe04d;" data-icon-name="volume_down">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">volume_down</i>
                    <div class="icon-caption">volume_down</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe04e;" data-icon-name="volume_mute">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">volume_mute</i>
                    <div class="icon-caption">volume_mute</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe04f;" data-icon-name="volume_off">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">volume_off</i>
                    <div class="icon-caption">volume_off</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe050;" data-icon-name="volume_up">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">volume_up</i>
                    <div class="icon-caption">volume_up</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe0da;" data-icon-name="vpn_key">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">vpn_key</i>
                    <div class="icon-caption">vpn_key</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe62f;" data-icon-name="vpn_lock">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">vpn_lock</i>
                    <div class="icon-caption">vpn_lock</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1bc;" data-icon-name="wallpaper">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wallpaper</i>
                    <div class="icon-caption">wallpaper</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe002;" data-icon-name="warning">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">warning</i>
                    <div class="icon-caption">warning</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe334;" data-icon-name="watch">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">watch</i>
                    <div class="icon-caption">watch</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe924;" data-icon-name="watch_later">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">watch_later</i>
                    <div class="icon-caption">watch_later</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe42c;" data-icon-name="wb_auto">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wb_auto</i>
                    <div class="icon-caption">wb_auto</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe42d;" data-icon-name="wb_cloudy">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wb_cloudy</i>
                    <div class="icon-caption">wb_cloudy</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe42e;" data-icon-name="wb_incandescent">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wb_incandescent</i>
                    <div class="icon-caption">wb_incandescent</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe436;" data-icon-name="wb_iridescent">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wb_iridescent</i>
                    <div class="icon-caption">wb_iridescent</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe430;" data-icon-name="wb_sunny">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wb_sunny</i>
                    <div class="icon-caption">wb_sunny</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe63d;" data-icon-name="wc">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wc</i>
                    <div class="icon-caption">wc</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe051;" data-icon-name="web">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">web</i>
                    <div class="icon-caption">web</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe069;" data-icon-name="web_asset">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">web_asset</i>
                    <div class="icon-caption">web_asset</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe16b;" data-icon-name="weekend">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">weekend</i>
                    <div class="icon-caption">weekend</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe80e;" data-icon-name="whatshot">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">whatshot</i>
                    <div class="icon-caption">whatshot</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1bd;" data-icon-name="widgets">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">widgets</i>
                    <div class="icon-caption">widgets</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe63e;" data-icon-name="wifi">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wifi</i>
                    <div class="icon-caption">wifi</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1e1;" data-icon-name="wifi_lock">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wifi_lock</i>
                    <div class="icon-caption">wifi_lock</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe1e2;" data-icon-name="wifi_tethering">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wifi_tethering</i>
                    <div class="icon-caption">wifi_tethering</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8f9;" data-icon-name="work">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">work</i>
                    <div class="icon-caption">work</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe25b;" data-icon-name="wrap_text">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">wrap_text</i>
                    <div class="icon-caption">wrap_text</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8fa;" data-icon-name="youtube_searched_for">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">youtube_searched_for</i>
                    <div class="icon-caption">youtube_searched_for</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe8ff;" data-icon-name="zoom_in">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">zoom_in</i>
                    <div class="icon-caption">zoom_in</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe900;" data-icon-name="zoom_out">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">zoom_out</i>
                    <div class="icon-caption">zoom_out</div>
                </div>
            </div>
            <div class="mdui-col icon-code-wrap" data-icon-code="&amp;#xe56b;" data-icon-name="zoom_out_map">
                <div class="icon-code">
                    <i class="mdui-icon material-icons mdui-icon-dark">zoom_out_map</i>
                    <div class="icon-caption">zoom_out_map</div>
                </div>
            </div>
        </div>
    </div>